Lady’s Gitweb - Vocab/blob - site/style.css

   1 @charset "UTF-8";
   2 /*
   3 SPDX-FileCopyrightText: 2024 Lady <https://www.ladys.computer/about/#lady>
   4 SPDX-License-Identifier: CC0-1.0
   5 */
   6 @namespace "http://www.w3.org/1999/xhtml";
   7 :Root{ Line-Height: 1.2; Text-Align: Justify }
   8 :Root *[hidden] { Display: None }
   9 body{ Display: Flow-Root; Margin-Block: 0; Margin-Inline: Auto; Padding-Inline: 3REM; Max-Inline-Size: 45EM }
  10 article,
  11 aside,
  12 footer,
  13 header,
  14 nav,
  15 section{ Display: Block; Margin-Block: 1.2REM; Margin-Inline: 0; Padding: 0 }
  16 article{ Display: Flow-Root }
  17 footer{ Margin-Block-End: 0; Font-Size: .8REM }
  18 header{ Margin-Block-Start: 0 }
  19 blockquote{ Display: Flow-Root; Position: Relative; Margin-Block: 1.2REM; Margin-Inline: Auto; Padding-Block: 0; Padding-Inline: 2REM; Font-Style: Italic }
  20 blockquote::before{ Display: Block; Position: Absolute; Inset-Block-Start: 0; Inset-Inline-End: 0; Margin: 0; Padding: 0; Inline-Size: 2REM; Font-Size: 2REM; Font-Style: Normal; Text-Align: Center; Content: "»" }
  21 blockquote blockquote{ Border-Inline-Start: .125REM Solid CurrentColor; Padding-Inline: .875REM 1REM; Text-Align: Start }
  22 blockquote blockquote::before{ Content: None }
  23 div.owl{ Display: Grid; Margin-Block: 1.2REM; Margin-Inline: -2REM; Border-Block-Start: 1PX Solid; Border-Block-End: 3PX Double; Border-Inline-Start: 5PX Solid; Border-Inline-End: 1.5PX Dashed; Grid: Auto-Flow / Auto 1FR; Gap: 1.2REM 1REM; Container-Name: owl; Container-Type: Inline-Size }
  24 div.owl dl{ Margin-Inline: 0 Calc(2REM - 1.5PX) }
  25 div.owl dl:Only-Child{ Grid-Column: 1 / Span 2; Margin-Inline-Start: Calc(2REM - 5PX) }
  26 div.owl dd::after{ Display: Block; Clear: Both; Content: "" }
  27 div.owl dd:Not(:Last-Child)::after{ Margin-Block-End: .3REM; Margin-Inline-Start: -2REM; Border-Block-End: Thin Dashed; Padding-Block-End: .3REM; Opacity: .35 }
  28 div.owl details.inference{ Display: Contents }
  29 div.owl details.inference>summary{ Display: Grid; Float: Right; Inline-Size: Max-Content; Grid: Max-Content / Auto-Flow }
  30 div.owl details.inference>summary::-webkit-details-marker{ Display: None /* for Safari */ }
  31 div.owl details.inference>summary::before{ Display: List-Item; List-Style: Inside Disclosure-Closed; Content: "" }
  32 div.owl details.inference[open]>summary::before{ List-Style-Type: Disclosure-Open }
  33 div.owl details.inference>div{ Display: Block; Font-Size: .8REM; Font-Style: Italic; Line-Height: 1.5; Text-Align: End }
  34 div.owl table{ Display: Block; Margin: 0; Padding-Inline: Calc(2REM - 5PX) Calc(1REM - 1PX); Border-Inline-End: 1PX Dotted; Inline-Size: Max-Content }
  35 div.owl tbody,
  36 div.owl tr,
  37 div.owl td{ Display: Contents }
  38 div.owl label{ Margin-Block: 1.2REM; Display: Grid; Grid: Auto-Flow / Max-Content 2REM; Justify-Content: End; Align-Items: Center }
  39 div.owl input{ Justify-Self: Center }
  40 @container owl (Max-Inline-Size: 28REM) {
  41         div.owl dl{ Grid-Column: 1 / Span 2; Margin-Inline-Start: Calc(2REM - 5PX) }
  42         div.owl table{ Grid-Column: 1 / Span 2; Margin-Block-Start: 1.2REM; Border-Block-End: 1PX Dotted; Border-Inline-End: None; Padding-Block-End: Calc(1.2REM - 1PX); Padding-Inline: Calc(50CQI - 12REM); Inline-Size: Auto; Columns: 2 7REM; Gap: 1REM; Text-Align: End }
  43         div.owl label{ Grid: Auto-Flow / 1FR 2REM; Margin: 0 }
  44         div.owl td+td label{ Margin-Block-Start: 1.2REM } }
  45 caption{ Margin: 0; Padding-Block: .3REM; Padding-Inline: .25REM }
  46 table{ Margin-Block: 1.2REM; Margin-Inline: Auto; Border-Collapse: Separate; Border-Spacing: .125REM .15REM; Padding: 0 }
  47 td>table:Only-Child{ Margin: Auto; Inline-Size: 100% }
  48 tbody+tbody::before { Display: Table-Row; Height: 1.2REM; Content: "" }
  49 td,
  50 th{ Border: None; Border-Radius: .125REM; Padding-Block: .15REM; Padding-Inline: .125REM; Vertical-Align: Top }
  51 thead>th{ Text-Decoration: Underline }
  52 tbody th:First-Child,
  53 thead:has(+tbody th:First-Child) th:First-Child{ Padding-Inline-End: .375REM; Text-Align: End }
  54 ul,ol{ Display: Block; Margin: 0; Padding-Inline: 2REM 0; Text-Align: Start }
  55 ul{ List-Style-Type: Circle }
  56 nav ul,nav li ul,nav li li ul{ List-Style-Type: None }
  57 nav ul{ Columns: 18REM 2; Gap: 3REM; Column-Rule: Thin Solid }
  58 nav ul:Has(ul){ Columns: Auto }
  59 li ul{ List-Style-Type: Square }
  60 li li ul{ List-Style-Type: Disc }
  61 ol,nav li ol{ List-Style-Type: Upper-Roman }
  62 li ol,nav ol{ List-Style-Type: Decimal-Leading-Zero }
  63 li li ol{ List-Style-Type: Lower-Latin }
  64 li li li ol{ List-Style-Type: Lower-Greek }
  65 li li li li ol{ List-Style-Type: Decimal }
  66 nav li{ Padding-Inline-Start: 1.5REM; Text-Indent: -1.5EM }
  67 dl{ Display: Block; Margin: 0; Padding: 0; Text-Align: Start }
  68 dl>dt,
  69 dl>div>dt{ Margin-Block: 1.2REM 0; Font-Weight: Bold }
  70 dl>dd,
  71 dl>div>dd{ Display: List-Item; Margin-Inline: 2EM 0 }
  72 dl>dd:Last-Child,
  73 dl>div:Last-Child>dd:Last-Child{ Margin-Bottom: 1.2EM }
  74 article.term>header,
  75 h1,
  76 h2,
  77 h3{ Display: Block; Margin-Block: Calc(1.2REM - 1PX); Margin-Inline: Auto; Border-Block-Start: 1PX Solid; Border-Block-End: 1PX Solid; Padding-Block: 0; Padding-Inline: .5EM; Max-Inline-Size: Max-Content; Font-Size: 3REM; Font-Weight: Inherit; Text-Align: Center }
  78 article.term h1{ Margin-Block: 1.2REM 0; Border: None; Font-Weight: Bold }
  79 article.term>header{ Box-Sizing: Border-Box; Position: Relative; Margin-Block: -1.2REM 1.2REM; Border-Block-Start: None; Border-Block-End: 3PX Double; Padding-Block: .4REM Calc(.4REM - 1PX); Max-Inline-Size: None; Font-Size: 2REM; Font-Style: Italic; Z-Index: 0 }
  80 article.term>header :Any-Link{ Color: Inherit }
  81 h2{ Position: Relative; Margin-Block-Start: Calc(2.4REM - 1PX); Border-Block-Start-Style: Dashed; Font-Size: 2REM; Z-Index: 0 }
  82 article.term>header::before,
  83 h2::before{ Position: Absolute; Inset-Block-End: 0; Inset-Inline: 0; Block-Size: .2REM; Border-Inline: 1PX Solid; Z-Index: -1; Content: "" }
  84 article.term>header::before{ Inset-Block-End: -3PX; Block-Size: Calc(.3REM + 3PX) }
  85 h3{ Margin-Block-End: Calc(1.2REM - 3PX); Margin-Inline: -1.5REM 0; Border-Block-Start: 1PX Solid; Border-Block-End: 3PX Double; Border-Inline: 2PX Solid; Padding-Block: .3REM; Padding-Inline: Calc(.75REM - 2PX); Font-Size: 1.5REM; Text-Align: Start }
  86 hgroup p{ Margin-Block: 0; Font-Size: 1.5REM; Text-Align: Center }
  87 hgroup p:Last-Child{ Margin-Block: .4REM 1.2REM; Font-Style: Italic }
  88 h4,
  89 h5,
  90 h6{ Display: Block; Margin-Block: .6REM; Margin-Inline: 0; Font-Size: 1REM; Font-Weight: Inherit; Text-Align: Start; Text-Decoration: Underline }
  91 h4{ Margin-Block-Start: 1.2REM; Font-Weight: Bolder }
  92 h5{ Font-Style: Italic; Letter-Spacing: Calc(1REM / 12); Text-Align: Start; Text-Decoration: Underline; Text-Transform: Lowercase }
  93 figcaption{ Display: Block; Margin-Block: .4REM; Margin-Inline: 0; Padding: 0; Font-Size: .8REM;
  94     Text-Align: End }
  95 hr{ Display: Block; Margin-Block: Calc(1.2REM - .5PX); Margin-Inline: Auto; Border: None; Border-Block-End: 1PX Solid; Padding: 0; Block-Size: 0; Inline-Size: 23.6% }
  96 p,footer div{ Display: Block; Margin-Block: 0; Margin-Inline: Auto }
  97 dl+p,
  98 li+li p,
  99 p+p,
 100 p+* li p,
 101 ol+p,
 102 ul+p,
 103 footer div+div{ Margin-Block-Start: 1.2EM }
 104 header p+p{ Margin-Block-Start: 0 }
 105 pre{ Display: Block; Margin: 0; Padding: 1REM; Max-Inline-Size: Calc(100% - 1REM); Font-Size: .8EM; Font-Family: Monospace, Monospace; Line-Height: 1; Text-Align: Start }
 106 h3 :Any-Link{ Color: Inherit }
 107 [title]:Not([title=""]):Not(a){ Border: None; Text-Decoration-Line: Underline; Text-Decoration-Style: Dotted }
 108 code{ Display: Inline; Font-Size: .8EM; Font-Family: Monospace, Monospace; Line-Height: 1 }
 109 small{ Display: Inline; Font-Size: .8EM; Line-Height: 1.5 }
 110 sub{ Display: Inline; Font-Size: .8EM; Vertical-Align: Sub; Line-Height: .5 }
 111 sup{ Display: Inline; Position: Relative; Font-Size: .8EM; Vertical-Align: Super; Line-Height: .5; Z-Index: 0 }
 112 sup :Any-Link{ Margin-Inline: -.25EM; Padding-Inline: .25EM; Z-Index: 1 }