Mercurial > p > roundup > code
annotate doc/_static/style.css @ 7476:6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
Also add commented out code to highlight linked headers.
Not sure if I like it and if the link target is not before a
header the wrong headers gets highlighted.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Sun, 11 Jun 2023 20:44:05 -0400 |
| parents | a4987f5ebee0 |
| children | dcf37ca1a47d |
| rev | line source |
|---|---|
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
1 /* layout*/ |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
2 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
3 /* Set up fluid type scale. Major third for smaller screens |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
4 and perfect fourth for larger screens. |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
5 Allow override using --font-level-X. |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
6 |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
7 https://utopia.fyi/type/calculator?c=320,16,1.25,1280,18,1.333,4,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
8 */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
9 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
10 :root { |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
11 --_font-level_-2: var(--font-level_-2, |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
12 clamp(0.63em, |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
13 0.64rem + -0.01vw, |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
14 0.64em) |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
15 ); |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
16 --_font-level_-1: var(--font-level_-1, |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
17 clamp(0.80rem, |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
18 0.79rem + 0.07vw, |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
19 0.84rem) |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
20 ); |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
21 --_font-level-0: var(--font-level-0, |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
22 clamp(1rem, |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
23 0.96rem + 0.21vw, |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
24 1.13rem) |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
25 ); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
26 --_font-level-1: var(--font-level-1, |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
27 clamp( |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
28 1.25 * var(--_font-level-0), |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
29 1.17rem + 0.42vw, |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
30 1.5rem) |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
31 ); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
32 --_font-level-2: var(--font-level-2, |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
33 clamp( |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
34 1.25 * var(--_font-level-1), |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
35 1.42rem + 0.73vw, |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
36 2rem) |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
37 ); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
38 --_font-level-3: var(--font-level-3, |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
39 clamp( |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
40 1.25 * var(--_font-level-2), |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
41 1.72rem + 1.19vw, |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
42 2.66rem) |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
43 ); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
44 --_font-level-4: var(--font-level-4, |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
45 clamp( |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
46 1.25 * var(--_font-level-3), |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
47 2.07rem + 1.85vw, |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
48 3.55rem) |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
49 ); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
50 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
51 |
|
7314
4917bb4b5eac
Setup spacing with lobotmized owl; close space between dt/dd.
John Rouillard <rouilj@ieee.org>
parents:
7313
diff
changeset
|
52 * + * { margin-block-start: 1.2em;} |
|
4917bb4b5eac
Setup spacing with lobotmized owl; close space between dt/dd.
John Rouillard <rouilj@ieee.org>
parents:
7313
diff
changeset
|
53 |
|
7324
ed0285b8c9b4
Override lobotmized owl for badge display
John Rouillard <rouilj@ieee.org>
parents:
7319
diff
changeset
|
54 /* shrink spacing between list elements in tables of contents, |
|
ed0285b8c9b4
Override lobotmized owl for badge display
John Rouillard <rouilj@ieee.org>
parents:
7319
diff
changeset
|
55 badge displays */ |
|
7325
49bc6d66f536
correct fix for last change.
John Rouillard <rouilj@ieee.org>
parents:
7324
diff
changeset
|
56 div.toctree-wrapper * + *, div.contents * + *, div.release_info * { |
|
7318
a5dd4893d089
Close spacing in the master TOC as well.
John Rouillard <rouilj@ieee.org>
parents:
7317
diff
changeset
|
57 margin-block-start: 0.25em; |
|
a5dd4893d089
Close spacing in the master TOC as well.
John Rouillard <rouilj@ieee.org>
parents:
7317
diff
changeset
|
58 } |
|
7317
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
59 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
60 h1, h2, h3, h4, h5, h6 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
61 line-height: 1.25; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
62 /* Larger spacing before header and smaller after to make |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
63 header part of following section */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
64 margin-block-end: 0.3em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
65 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
66 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
67 h1 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
68 font-size: var(--_font-level-4); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
69 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
70 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
71 /* remove whitespace at top of main column */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
72 main h1 { margin-block-start: 0; } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
73 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
74 h2 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
75 font-size: var(--_font-level-3); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
76 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
77 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
78 h3 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
79 font-size: var(--_font-level-2); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
80 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
81 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
82 h4 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
83 font-size: var(--_font-level-1); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
84 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
85 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
86 /* snug header up to first paragraph of it's section. */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
87 :is(h1,h2,h3,h4,h5,h6) + p { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
88 margin-block-start: 0; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
89 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
90 |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
91 body |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
92 { |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
93 background-color: #f5f5f5; |
|
7329
a3dbd44c3642
rejigger text and link colors to match WCAG AA.
John Rouillard <rouilj@ieee.org>
parents:
7325
diff
changeset
|
94 color: rgb(20,20,20); |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
95 font-family: sans-serif, Arial, Helvetica; |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
96 font-size: var(--_font-level-0); |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
97 margin:0; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
98 padding: 0 3em 0 14em; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
99 } |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
100 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
101 /* -14em is size of table of contents/nav */ |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
102 body > .header { margin: 0 0 0 -14em;} |
|
7356
ff5a50069822
Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
103 body > header > div.mobile { display:none; } |
|
7133
b5b1f2830e23
Remove duplicate h1 headers from website
John Rouillard <rouilj@ieee.org>
parents:
5030
diff
changeset
|
104 body > .header div.label { font-size: 2em; font-weight: bold; margin: 0.67em 0 0.67em 1em;} |
|
4811
7cf0468a9fa4
Remove duplicated link to page source from doc footer
anatoly techtonik <techtonik@gmail.com>
parents:
4033
diff
changeset
|
105 body > .footer { margin: 1em 0 1em -14em; clear:both;} |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
106 body > .navigation |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
107 { |
|
7469
a2dfb82456af
Make top of navigation bock align with main block.
John Rouillard <rouilj@ieee.org>
parents:
7467
diff
changeset
|
108 float: left; |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
109 margin-left: -14em; |
| 7313 | 110 margin-inline-start: -14em; |
|
7469
a2dfb82456af
Make top of navigation bock align with main block.
John Rouillard <rouilj@ieee.org>
parents:
7467
diff
changeset
|
111 margin-block-start: unset; |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
112 width: 14em; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
113 } |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
114 body > .content |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
115 { |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
116 margin: 0; |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
117 width: 100%; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
118 } |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
119 body > .header > #searchbox { position: absolute; right: 1em; top: 1em;} |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
120 body > .content > #subnav { position: absolute; right: 1.5em; top: 6em;} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
121 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
122 main { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
123 line-height: calc(1.5 * 1em); |
|
7366
113debfd383b
revert attempt to make pre full bleed.
John Rouillard <rouilj@ieee.org>
parents:
7365
diff
changeset
|
124 max-width: 65ch; |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
125 } |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
126 |
|
7383
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
127 /* full bleed for highlighted example code. This works for |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
128 highlighted code directly in each section. If the example |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
129 is inside a list, table etc, the list/table is constrained |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
130 to 65ch and we don't get a full bleed example. |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
131 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
132 div.section *:not(div[class^=highlight-]):not(div[class^=highlight-] *):not(div.section) { |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
133 max-width: 65ch; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
134 } |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
135 */ |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
136 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
137 /* trying to full bleed highlighted code section using using |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
138 grid layout. Doesn't work as each header level inserts a |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
139 div.section, so the grid is applied to main > div > div > |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
140 div.section and highlighted code isn't in a grid display |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
141 environment anymore. Subgrid would fix this but.... |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
142 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
143 main > div > div { |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
144 display: grid; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
145 grid-template-columns: 65ch 1fr; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
146 } |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
147 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
148 main > div > div > * { |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
149 grid-column: 1/2; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
150 } |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
151 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
152 div[class^=highlight] { |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
153 width: 100%; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
154 grid-column: 1 / 3; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
155 } |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
156 */ |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
157 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
158 /* try full bleed without grid. Make everything except the |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
159 highlight container and its children 65ch in width. |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
160 However need to explicitly set a width for some reason on |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
161 the container and children. 100% or other relative width |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
162 doesn't work. Probably again because of div.section being |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
163 set to 65ch max width. Can use absolute size values, but |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
164 how to calculate them when I don't know where the left |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
165 margin is of the highlight div. |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
166 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
167 main :not(div[class^=highlight-]):not(div[class^=highlight-] *) { |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
168 position: relative; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
169 max-width: 65ch; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
170 } |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
171 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
172 div[class^=highlight-], div[class^=highlight-] * { width: |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
173 calc(100vw |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
174 - 15em); } |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
175 */ |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
176 |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
177 /* style */ |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
178 |
|
7329
a3dbd44c3642
rejigger text and link colors to match WCAG AA.
John Rouillard <rouilj@ieee.org>
parents:
7325
diff
changeset
|
179 :link { color: rgb(220,0,0); text-decoration: none;} |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
180 :link:hover {text-decoration: underline;} |
|
7329
a3dbd44c3642
rejigger text and link colors to match WCAG AA.
John Rouillard <rouilj@ieee.org>
parents:
7325
diff
changeset
|
181 :visited { color: rgb(187,0,0); text-decoration: none;} |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
182 a.toc-backref { color: #000000; } |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
183 |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
184 .header h1 { margin-left: 1em; } |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
185 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
186 .menu { padding: 0; margin-right: 1em;} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
187 .menu ul |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
188 { |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
189 padding: 0; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
190 margin: 0; |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
191 } |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
192 .menu li |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
193 { |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
194 margin: 5pt 0; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
195 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
196 .menu > ul > li > * |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
197 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
198 display: block; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
199 padding: 2pt 2pt 2pt 10pt; |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
200 border: solid thin #dadada; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
201 background-color:#ffffff; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
202 } |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
203 .menu > ul > li.current > * |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
204 { |
|
7476
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
205 background-color: #f0f0f0; |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
206 border-block-end: solid medium #cccccc; |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
207 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
208 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
209 .menu ul li:first-child { margin-top:0;} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
210 .menu ul { list-style-type:none;} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
211 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
212 /* sub-menus are indented */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
213 .menu > ul > li > ul, |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
214 .menu > ul > li.current > ul |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
215 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
216 border:none; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
217 background-color: inherit; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
218 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
219 .menu ul ul |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
220 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
221 margin-left: 1em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
222 font-size: smaller; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
223 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
224 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
225 /* sub-menu items draw a separator */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
226 .menu ul ul > li |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
227 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
228 margin: 0; |
|
7356
ff5a50069822
Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
229 padding: 0.5em; |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
230 border: none; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
231 border-top: solid thin #dadada; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
232 background-color: inherit; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
233 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
234 .menu ul ul > li:first-child |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
235 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
236 border-top: none; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
237 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
238 |
|
7476
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
239 /* make submenu items clickable cross whole width of menu */ |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
240 .menu ul ul > li > a { |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
241 display: block; |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
242 } |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
243 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
244 .menu ul li.toctree-l2.current { |
|
7476
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
245 background-color: #f0f0f0; |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
246 border-inline-start: solid 2px rgb(220, 0, 0); |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
247 padding-block: 1em; |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
248 } |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
249 |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
250 /* related */ |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
251 div.related |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
252 { |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
253 width: 100%; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
254 font-size: 90%; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
255 } |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
256 div.related-top { border-bottom: solid thin #dadada;} |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
257 div.related-bottom { border-top: solid thin #dadada;} |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
258 |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
259 div.related ul |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
260 { |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
261 margin: 0; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
262 padding: 0 0 0 10px; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
263 list-style: none; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
264 } |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
265 |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
266 div.related li { display: inline;} |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
267 |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
268 div.related li.right |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
269 { |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
270 float: right; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
271 margin-right: 5px; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
272 } |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
273 |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
274 .footer |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
275 { |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
276 font-size: small; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
277 text-align: center; |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
278 color: black; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
279 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
280 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
281 .footer img { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
282 vertical-align: middle; |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
283 } |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
284 |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
285 .content |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
286 { |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
287 padding: 1em; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
288 border: solid thin #dadada; |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
289 background-color: #f7f7f7; |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
290 } |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
291 |
|
7467
92fb16035d92
Reclass release info badge block on home page.
John Rouillard <rouilj@ieee.org>
parents:
7462
diff
changeset
|
292 /* style for the floating release_info badge block on the home page */ |
|
92fb16035d92
Reclass release info badge block on home page.
John Rouillard <rouilj@ieee.org>
parents:
7462
diff
changeset
|
293 #roundup-issue-tracker .release_info |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
294 { |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
295 float: right; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
296 width: auto; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
297 border: solid thin #dadada; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
298 background-color:#f5f5f5; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
299 padding: 1em; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
300 margin: 1em; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
301 } |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
302 |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
303 table |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
304 { |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
305 border-collapse: collapse; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
306 border-spacing: 1px; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
307 background-color: #fafafa; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
308 } |
|
5030
515ab1749b14
Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents:
4811
diff
changeset
|
309 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
310 table:has(caption) { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
311 margin-block: 1em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
312 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
313 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
314 table caption { font-weight: bold; font-size: smaller; } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
315 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
316 table.footnote { |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
317 font-size: var(--_font-level_-1); |
| 7313 | 318 position: relative |
| 319 } | |
| 320 | |
| 321 table.footnote::before { | |
| 322 border: 1px solid black; | |
| 323 content: ""; | |
| 324 left: 0; | |
| 325 position: absolute; | |
| 326 top: 0; | |
| 327 width: 25%; | |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
328 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
329 |
|
7384
639a926cbb1a
Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents:
7383
diff
changeset
|
330 table.captionbelow { |
|
639a926cbb1a
Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents:
7383
diff
changeset
|
331 caption-side: bottom; |
|
639a926cbb1a
Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents:
7383
diff
changeset
|
332 } |
|
639a926cbb1a
Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents:
7383
diff
changeset
|
333 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
334 td { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
335 /* pull text away from borders */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
336 padding-inline: 0.5em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
337 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
338 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
339 td > p { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
340 /* remove top margin on a p inside table cell so that |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
341 columns with paragraphs align at top of cell rather |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
342 than leaving a blank margin */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
343 margin-block-start: 0px; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
344 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
345 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
346 input, textarea { border-width: 1px; } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
347 |
|
5030
515ab1749b14
Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents:
4811
diff
changeset
|
348 a.headerlink { |
|
515ab1749b14
Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents:
4811
diff
changeset
|
349 font-size: 0.8em; |
|
515ab1749b14
Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents:
4811
diff
changeset
|
350 margin-left: 0.3em; |
|
515ab1749b14
Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents:
4811
diff
changeset
|
351 color: #c99; |
|
515ab1749b14
Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents:
4811
diff
changeset
|
352 } |
|
7137
4553614a2b22
move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents:
7133
diff
changeset
|
353 |
|
7247
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
354 div.admonition { |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
355 padding-inline: 1em; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
356 padding-block: 0.25em; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
357 border-inline-start: grey solid 4px; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
358 background-color: #dfdfdf; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
359 } |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
360 |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
361 div.admonition.caution { |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
362 border-inline-start: red solid 4px; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
363 } |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
364 |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
365 div.admonition.warning { |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
366 border-inline-start: yellow solid 4px; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
367 } |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
368 |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
369 p.admonition-title { |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
370 border-block-end: grey solid 2px; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
371 font-weight: bold; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
372 font-size: larger; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
373 margin-block: 0; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
374 } |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
375 |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
376 div.admonition.caution p.admonition-title { |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
377 border-block-end: red solid 2px; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
378 } |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
379 |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
380 dt { font-weight: bold; margin-block-start: 1em;} |
|
7314
4917bb4b5eac
Setup spacing with lobotmized owl; close space between dt/dd.
John Rouillard <rouilj@ieee.org>
parents:
7313
diff
changeset
|
381 dt + dd { margin-block-start: 0.25em; } |
|
7247
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
382 dd p.first { margin-block-start: 0; } |
|
7356
ff5a50069822
Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
383 dd > ul:first-child { |
|
ff5a50069822
Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
384 /* reduce indent with list inside dd. I want to reduce |
|
ff5a50069822
Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
385 margin-inline-start on dd but :has(> ul:first-child) |
|
ff5a50069822
Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
386 doesn't work in firefox yet, so use negative margin |
|
ff5a50069822
Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
387 on ul. */ |
|
ff5a50069822
Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
388 margin-inline-start: -32px; |
|
ff5a50069822
Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
389 } |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
390 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
391 #skiplink { display: block; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
392 margin-block-start: 1em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
393 margin-inline-start: 1em;} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
394 #skiplink a { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
395 /* force stuff for screenreader off screen */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
396 position:absolute; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
397 left:-10000px; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
398 top:auto; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
399 width:1px; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
400 height:1px; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
401 overflow:hidden; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
402 padding: 0 0.75em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
403 font-weight: bold; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
404 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
405 #skiplink a:focus { position: static; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
406 width: auto; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
407 height: auto; } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
408 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
409 /* remove solid black border when focus is around the main section |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
410 due to activation of skip-link. Page jumps there, that's enough. */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
411 #main:focus-visible {outline: none;} |
|
7297
673d8e0d3abf
Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents:
7290
diff
changeset
|
412 |
|
673d8e0d3abf
Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents:
7290
diff
changeset
|
413 /* Prevent examples from extending outside the viewport */ |
|
7317
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
414 /*div.highlight > pre { |
|
7297
673d8e0d3abf
Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents:
7290
diff
changeset
|
415 overflow-wrap: anywhere; |
|
673d8e0d3abf
Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents:
7290
diff
changeset
|
416 white-space: break-spaces; |
|
7317
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
417 }*/ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
418 |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
419 /* Forcing wrap in a pre leads to some confusing line breaks. |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
420 Use a horizontal scroll. Indicate the scroll by using |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
421 rounded scroll shadows. |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
422 |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
423 https://css-tricks.com/books/greatest-css-tricks/scroll-shadows/ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
424 https://blogit.create.pt/pedrolopes/2022/03/24/css-scroll-shadows/ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
425 */ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
426 div.highlight > pre { |
|
7319
2a78ade9a5eb
Replace invlid none value for overflow-wrap.
John Rouillard <rouilj@ieee.org>
parents:
7318
diff
changeset
|
427 overflow-wrap: normal; |
|
7317
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
428 overflow-x: auto; |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
429 /* Shadows */ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
430 background-image: |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
431 /* Shadow covers */ |
|
7362
527cad3a860c
color and full width example pre; change way to do max width
John Rouillard <rouilj@ieee.org>
parents:
7356
diff
changeset
|
432 linear-gradient(to right, #f5f4d8, #f5f4d8), |
|
527cad3a860c
color and full width example pre; change way to do max width
John Rouillard <rouilj@ieee.org>
parents:
7356
diff
changeset
|
433 linear-gradient(to right, #f5f4d8, #f5f4d8), |
|
7317
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
434 /* Shadow */ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
435 radial-gradient(farthest-side at 0px 50%, |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
436 rgba(0, 0, 20, 0.5), rgba(255, 255, 255, 0)), |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
437 radial-gradient(farthest-side at 100% 50%, |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
438 rgba(0, 0, 20, 0.5), rgba(255, 255, 255, 0)); |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
439 /* square shadows */ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
440 /* |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
441 linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
442 linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)); |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
443 */ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
444 background-position: left center, right center, |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
445 left center, right center; |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
446 background-repeat: no-repeat; |
|
7362
527cad3a860c
color and full width example pre; change way to do max width
John Rouillard <rouilj@ieee.org>
parents:
7356
diff
changeset
|
447 background-color: #f5f4d8; |
|
7317
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
448 background-size: 20px 100%, 20px 100%, 16px 100%, 16px 100%; |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
449 background-attachment: local, local, scroll, scroll; |
|
7471
a4987f5ebee0
Add padding around code examples.
John Rouillard <rouilj@ieee.org>
parents:
7469
diff
changeset
|
450 padding: 0.5em; |
|
7297
673d8e0d3abf
Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents:
7290
diff
changeset
|
451 } |
|
7430
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
452 |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
453 /* https://moderncss.dev/totally-custom-list-styles/ make a list |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
454 use multiple columns */ |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
455 ul.multicol { |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
456 display: grid; |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
457 /* adjust the `min` value to your context */ |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
458 grid-template-columns: repeat(auto-fill, minmax(25ch, 1fr)); |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
459 grid-gap: 0 1rem; /* no row gap */ |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
460 } |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
461 ul.multicol > * { |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
462 margin-block-start: 0; /* remove spacing added by * + * here */ |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
463 } |
|
7437
0d9f704a7ef2
Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents:
7430
diff
changeset
|
464 |
|
0d9f704a7ef2
Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents:
7430
diff
changeset
|
465 div.file_insert { /* use to insert COPYING into license.txt */ |
|
0d9f704a7ef2
Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents:
7430
diff
changeset
|
466 background: #f3f1cc; |
|
0d9f704a7ef2
Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents:
7430
diff
changeset
|
467 padding-inline: 0.5em; |
|
0d9f704a7ef2
Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents:
7430
diff
changeset
|
468 } |
|
7476
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
469 |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
470 /* consider highlighting header element that is a target */ |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
471 /* |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
472 :target > :is(h1,h2,h3,h4,h5,h6) { |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
473 background: rgb(254, 227, 227); |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
474 outline: rgb(254, 227, 227) solid 3px; |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
475 padding: 0.3em; |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
476 } |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
477 */ |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
478 |
