Mercurial > p > roundup > code
annotate doc/_static/style.css @ 7665:6f841a55eabf
fix: database error handling during import of a non-user item
The code to handle the case of retired and active users causing errors
during import can get called on other db errors as well (e.g. out of
memory in postgresql).
The code that trys to detect/repair the out of order user case hard
coded the db.user class. This crashed when a db error occurred when
loading another data object (e.g. msg). Fix the crash by using the
proper db object class for the object class being loaded.
Credit to Norbert Schlemmer for finding this.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Wed, 18 Oct 2023 15:49:53 -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 |
