Mercurial > p > roundup > code
annotate doc/_static/style.css @ 7531:913a73b9fab5 2.3.0
Update for 2.3.0 release
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Wed, 12 Jul 2023 23:00:25 -0400 |
| parents | c1ef0827705a |
| children | 9ed6f48c43c5 |
| 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 { |
|
7497
dcf37ca1a47d
Reduce line height for headers; change link decorations
John Rouillard <rouilj@ieee.org>
parents:
7476
diff
changeset
|
61 line-height: 1.1; |
|
7290
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;} |
|
7497
dcf37ca1a47d
Reduce line height for headers; change link decorations
John Rouillard <rouilj@ieee.org>
parents:
7476
diff
changeset
|
180 :link:hover { |
|
7519
c1ef0827705a
Clamp link underline to max 4px
John Rouillard <rouilj@ieee.org>
parents:
7508
diff
changeset
|
181 text-decoration: underline solid clamp(1px, .3ex, 4px); |
|
7497
dcf37ca1a47d
Reduce line height for headers; change link decorations
John Rouillard <rouilj@ieee.org>
parents:
7476
diff
changeset
|
182 text-underline-position: under; |
|
dcf37ca1a47d
Reduce line height for headers; change link decorations
John Rouillard <rouilj@ieee.org>
parents:
7476
diff
changeset
|
183 } |
|
7508
055f47b41b8b
Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents:
7497
diff
changeset
|
184 :visited { color: rgb(200,0,0); text-decoration: none;} |
|
055f47b41b8b
Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents:
7497
diff
changeset
|
185 :visited:hover { |
|
055f47b41b8b
Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents:
7497
diff
changeset
|
186 /* would like to change from solid line to dashed, but |
|
055f47b41b8b
Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents:
7497
diff
changeset
|
187 because of privacy abusing people I can't change that |
|
055f47b41b8b
Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents:
7497
diff
changeset
|
188 value. So settle for darkgrey underline. |
|
055f47b41b8b
Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents:
7497
diff
changeset
|
189 */ |
|
055f47b41b8b
Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents:
7497
diff
changeset
|
190 text-decoration-color: darkgrey; |
|
055f47b41b8b
Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents:
7497
diff
changeset
|
191 } |
|
055f47b41b8b
Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents:
7497
diff
changeset
|
192 |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
193 a.toc-backref { color: #000000; } |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
194 |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
195 .header h1 { margin-left: 1em; } |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
196 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
197 .menu { padding: 0; margin-right: 1em;} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
198 .menu ul |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
199 { |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
200 padding: 0; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
201 margin: 0; |
|
4033
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 li |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
204 { |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
205 margin: 5pt 0; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
206 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
207 .menu > ul > li > * |
|
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 display: block; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
210 padding: 2pt 2pt 2pt 10pt; |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
211 border: solid thin #dadada; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
212 background-color:#ffffff; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
213 } |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
214 .menu > ul > li.current > * |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
215 { |
|
7476
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
216 background-color: #f0f0f0; |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
217 border-block-end: solid medium #cccccc; |
|
7290
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 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
220 .menu ul li:first-child { margin-top:0;} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
221 .menu ul { list-style-type:none;} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
222 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
223 /* sub-menus are indented */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
224 .menu > ul > li > ul, |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
225 .menu > ul > li.current > ul |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
226 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
227 border:none; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
228 background-color: inherit; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
229 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
230 .menu ul ul |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
231 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
232 margin-left: 1em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
233 font-size: smaller; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
234 } |
|
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 /* sub-menu items draw a separator */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
237 .menu ul ul > li |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
238 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
239 margin: 0; |
|
7356
ff5a50069822
Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
240 padding: 0.5em; |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
241 border: none; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
242 border-top: solid thin #dadada; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
243 background-color: inherit; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
244 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
245 .menu ul ul > li:first-child |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
246 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
247 border-top: none; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
248 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
249 |
|
7476
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
250 /* 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
|
251 .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
|
252 display: block; |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
253 } |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
254 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
255 .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
|
256 background-color: #f0f0f0; |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
257 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
|
258 padding-block: 1em; |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
259 } |
|
4033
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 /* related */ |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
262 div.related |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
263 { |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
264 width: 100%; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
265 font-size: 90%; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
266 } |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
267 div.related-top { border-bottom: solid thin #dadada;} |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
268 div.related-bottom { border-top: solid thin #dadada;} |
|
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 div.related ul |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
271 { |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
272 margin: 0; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
273 padding: 0 0 0 10px; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
274 list-style: none; |
|
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 |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
277 div.related li { display: inline;} |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
278 |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
279 div.related li.right |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
280 { |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
281 float: right; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
282 margin-right: 5px; |
|
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 .footer |
|
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 font-size: small; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
288 text-align: center; |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
289 color: black; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
290 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
291 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
292 .footer img { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
293 vertical-align: middle; |
|
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 |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
296 .content |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
297 { |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
298 padding: 1em; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
299 border: solid thin #dadada; |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
300 background-color: #f7f7f7; |
|
4033
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 |
|
7467
92fb16035d92
Reclass release info badge block on home page.
John Rouillard <rouilj@ieee.org>
parents:
7462
diff
changeset
|
303 /* 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
|
304 #roundup-issue-tracker .release_info |
|
4033
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
305 { |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
306 float: right; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
307 width: auto; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
308 border: solid thin #dadada; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
309 background-color:#f5f5f5; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
310 padding: 1em; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
311 margin: 1em; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
312 } |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
313 |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
314 table |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
315 { |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
316 border-collapse: collapse; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
317 border-spacing: 1px; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
318 background-color: #fafafa; |
|
bca7c59ac400
Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff
changeset
|
319 } |
|
5030
515ab1749b14
Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents:
4811
diff
changeset
|
320 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
321 table:has(caption) { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
322 margin-block: 1em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
323 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
324 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
325 table caption { font-weight: bold; font-size: smaller; } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
326 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
327 table.footnote { |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
328 font-size: var(--_font-level_-1); |
| 7313 | 329 position: relative |
| 330 } | |
| 331 | |
| 332 table.footnote::before { | |
| 333 border: 1px solid black; | |
| 334 content: ""; | |
| 335 left: 0; | |
| 336 position: absolute; | |
| 337 top: 0; | |
| 338 width: 25%; | |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
339 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
340 |
|
7384
639a926cbb1a
Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents:
7383
diff
changeset
|
341 table.captionbelow { |
|
639a926cbb1a
Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents:
7383
diff
changeset
|
342 caption-side: bottom; |
|
639a926cbb1a
Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents:
7383
diff
changeset
|
343 } |
|
639a926cbb1a
Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents:
7383
diff
changeset
|
344 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
345 td { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
346 /* pull text away from borders */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
347 padding-inline: 0.5em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
348 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
349 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
350 td > p { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
351 /* remove top margin on a p inside table cell so that |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
352 columns with paragraphs align at top of cell rather |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
353 than leaving a blank margin */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
354 margin-block-start: 0px; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
355 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
356 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
357 input, textarea { border-width: 1px; } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
358 |
|
5030
515ab1749b14
Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents:
4811
diff
changeset
|
359 a.headerlink { |
|
515ab1749b14
Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents:
4811
diff
changeset
|
360 font-size: 0.8em; |
|
515ab1749b14
Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents:
4811
diff
changeset
|
361 margin-left: 0.3em; |
|
515ab1749b14
Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents:
4811
diff
changeset
|
362 color: #c99; |
|
515ab1749b14
Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents:
4811
diff
changeset
|
363 } |
|
7137
4553614a2b22
move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents:
7133
diff
changeset
|
364 |
|
7247
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
365 div.admonition { |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
366 padding-inline: 1em; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
367 padding-block: 0.25em; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
368 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
|
369 background-color: #dfdfdf; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
370 } |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
371 |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
372 div.admonition.caution { |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
373 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
|
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.warning { |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
377 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
|
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 p.admonition-title { |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
381 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
|
382 font-weight: bold; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
383 font-size: larger; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
384 margin-block: 0; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
385 } |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
386 |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
387 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
|
388 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
|
389 } |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
390 |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
391 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
|
392 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
|
393 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
|
394 dd > ul:first-child { |
|
ff5a50069822
Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
395 /* 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
|
396 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
|
397 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
|
398 on ul. */ |
|
ff5a50069822
Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
399 margin-inline-start: -32px; |
|
ff5a50069822
Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
400 } |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
401 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
402 #skiplink { display: block; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
403 margin-block-start: 1em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
404 margin-inline-start: 1em;} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
405 #skiplink a { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
406 /* force stuff for screenreader off screen */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
407 position:absolute; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
408 left:-10000px; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
409 top:auto; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
410 width:1px; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
411 height:1px; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
412 overflow:hidden; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
413 padding: 0 0.75em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
414 font-weight: bold; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
415 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
416 #skiplink a:focus { position: static; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
417 width: auto; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
418 height: auto; } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
419 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
420 /* remove solid black border when focus is around the main section |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
421 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
|
422 #main:focus-visible {outline: none;} |
|
7297
673d8e0d3abf
Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents:
7290
diff
changeset
|
423 |
|
673d8e0d3abf
Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents:
7290
diff
changeset
|
424 /* 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
|
425 /*div.highlight > pre { |
|
7297
673d8e0d3abf
Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents:
7290
diff
changeset
|
426 overflow-wrap: anywhere; |
|
673d8e0d3abf
Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents:
7290
diff
changeset
|
427 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
|
428 }*/ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
429 |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
430 /* 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
|
431 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
|
432 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
|
433 |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
434 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
|
435 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
|
436 */ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
437 div.highlight > pre { |
|
7319
2a78ade9a5eb
Replace invlid none value for overflow-wrap.
John Rouillard <rouilj@ieee.org>
parents:
7318
diff
changeset
|
438 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
|
439 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
|
440 /* Shadows */ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
441 background-image: |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
442 /* 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
|
443 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
|
444 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
|
445 /* Shadow */ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
446 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
|
447 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
|
448 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
|
449 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
|
450 /* square shadows */ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
451 /* |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
452 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
|
453 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
|
454 */ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
455 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
|
456 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
|
457 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
|
458 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
|
459 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
|
460 background-attachment: local, local, scroll, scroll; |
|
7471
a4987f5ebee0
Add padding around code examples.
John Rouillard <rouilj@ieee.org>
parents:
7469
diff
changeset
|
461 padding: 0.5em; |
|
7297
673d8e0d3abf
Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents:
7290
diff
changeset
|
462 } |
|
7430
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
463 |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
464 /* 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
|
465 use multiple columns */ |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
466 ul.multicol { |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
467 display: grid; |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
468 /* adjust the `min` value to your context */ |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
469 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
|
470 grid-gap: 0 1rem; /* no row gap */ |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
471 } |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
472 ul.multicol > * { |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
473 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
|
474 } |
|
7437
0d9f704a7ef2
Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents:
7430
diff
changeset
|
475 |
|
0d9f704a7ef2
Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents:
7430
diff
changeset
|
476 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
|
477 background: #f3f1cc; |
|
0d9f704a7ef2
Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents:
7430
diff
changeset
|
478 padding-inline: 0.5em; |
|
0d9f704a7ef2
Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents:
7430
diff
changeset
|
479 } |
|
7476
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
480 |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
481 /* 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
|
482 /* |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
483 :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
|
484 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
|
485 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
|
486 padding: 0.3em; |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
487 } |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
488 */ |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
489 |
