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