annotate doc/_static/style.css @ 8353:85aae98b8c82

docs: bold summary lines in update list; fix formatting issue. When scanning the document, the summary lines in the list didn't standout. Also the spacing before and after the summary line were equal. The spacing under the line should be less to tie it to the following paragraph. Not sure I like the bolded summary lines, it's a little too much emphasis. I think the css tweak works though.
author John Rouillard <rouilj@ieee.org>
date Thu, 03 Jul 2025 13:19:01 -0400
parents 740c1c5d9ec4
children a50af46803f0
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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
8353
85aae98b8c82 docs: bold summary lines in update list; fix formatting issue.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
54 /* shrink spacing between first and following paragraph in a list item
85aae98b8c82 docs: bold summary lines in update list; fix formatting issue.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
55 when the first paragraph is bold/strong. Try to tie the first paragraph
85aae98b8c82 docs: bold summary lines in update list; fix formatting issue.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
56 pseudo header closer to the following paragraph. */
85aae98b8c82 docs: bold summary lines in update list; fix formatting issue.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
57 li > p:has(strong):first-child
85aae98b8c82 docs: bold summary lines in update list; fix formatting issue.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
58 {
85aae98b8c82 docs: bold summary lines in update list; fix formatting issue.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
59 /* background: red; */
85aae98b8c82 docs: bold summary lines in update list; fix formatting issue.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
60 margin-block-end: -0.75em;
85aae98b8c82 docs: bold summary lines in update list; fix formatting issue.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
61 }
85aae98b8c82 docs: bold summary lines in update list; fix formatting issue.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
62
7324
ed0285b8c9b4 Override lobotmized owl for badge display
John Rouillard <rouilj@ieee.org>
parents: 7319
diff changeset
63 /* 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
64 badge displays */
7325
49bc6d66f536 correct fix for last change.
John Rouillard <rouilj@ieee.org>
parents: 7324
diff changeset
65 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
66 margin-block-start: 0.25em;
a5dd4893d089 Close spacing in the master TOC as well.
John Rouillard <rouilj@ieee.org>
parents: 7317
diff changeset
67 }
7317
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
68
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
69 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
70 line-height: 1.1;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
71 /* Larger spacing before header and smaller after to make
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
72 header part of following section */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
73 margin-block-end: 0.3em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
74 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
75
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
76 h1 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
77 font-size: var(--_font-level-4);
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
78 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
79
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
80 /* remove whitespace at top of main column */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
81 main h1 { margin-block-start: 0; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
82
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
83 h2 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
84 font-size: var(--_font-level-3);
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
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
87 h3 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
88 font-size: var(--_font-level-2);
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
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
91 h4 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
92 font-size: var(--_font-level-1);
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
93 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
94
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
95 /* snug header up to first paragraph of it's section. */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
96 :is(h1,h2,h3,h4,h5,h6) + p {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
97 margin-block-start: 0;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
98 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
99
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
100 body
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
101 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
102 background-color: #f5f5f5;
7329
a3dbd44c3642 rejigger text and link colors to match WCAG AA.
John Rouillard <rouilj@ieee.org>
parents: 7325
diff changeset
103 color: rgb(20,20,20);
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
104 font-family: sans-serif, Arial, Helvetica;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
105 font-size: var(--_font-level-0);
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
106 margin:0;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
107 padding: 0 3em 0 14em;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
108 }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
109
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
110 /* -14em is size of table of contents/nav */
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
111 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
112 body > header > div.mobile { display:none; }
7133
b5b1f2830e23 Remove duplicate h1 headers from website
John Rouillard <rouilj@ieee.org>
parents: 5030
diff changeset
113 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
114 body > .footer { margin: 1em 0 1em -14em; clear:both;}
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
115 body > .navigation
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
116 {
7469
a2dfb82456af Make top of navigation bock align with main block.
John Rouillard <rouilj@ieee.org>
parents: 7467
diff changeset
117 float: left;
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
118 margin-left: -14em;
7313
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
119 margin-inline-start: -14em;
7469
a2dfb82456af Make top of navigation bock align with main block.
John Rouillard <rouilj@ieee.org>
parents: 7467
diff changeset
120 margin-block-start: unset;
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
121 width: 14em;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
122 }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
123 body > .content
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
124 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
125 margin: 0;
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
126 width: 100%;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
127 }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
128 body > .header > #searchbox { position: absolute; right: 1em; top: 1em;}
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
129 body > .content > #subnav { position: absolute; right: 1.5em; top: 6em;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
130
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
131 main {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
132 line-height: calc(1.5 * 1em);
7366
113debfd383b revert attempt to make pre full bleed.
John Rouillard <rouilj@ieee.org>
parents: 7365
diff changeset
133 max-width: 65ch;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
134 }
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
135
7383
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
136 /* 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
137 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
138 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
139 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
140
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
141 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
142 max-width: 65ch;
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
143 }
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
144 */
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
145
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
146 /* 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
147 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
148 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
149 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
150 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
151
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
152 main > div > div {
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
153 display: grid;
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
154 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
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 main > div > div > * {
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
158 grid-column: 1/2;
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
159 }
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
160
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
161 div[class^=highlight] {
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
162 width: 100%;
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
163 grid-column: 1 / 3;
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
164 }
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
165 */
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 /* 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
168 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
169 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
170 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
171 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
172 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
173 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
174 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
175
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
176 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
177 position: relative;
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
178 max-width: 65ch;
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
179 }
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
180
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
181 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
182 calc(100vw
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
183 - 15em); }
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
184 */
0645e3bdd5a3 Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents: 7373
diff changeset
185
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
186 /* style */
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
187
7329
a3dbd44c3642 rejigger text and link colors to match WCAG AA.
John Rouillard <rouilj@ieee.org>
parents: 7325
diff changeset
188 :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
189 :link:hover {
7519
c1ef0827705a Clamp link underline to max 4px
John Rouillard <rouilj@ieee.org>
parents: 7508
diff changeset
190 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
191 text-underline-position: under;
dcf37ca1a47d Reduce line height for headers; change link decorations
John Rouillard <rouilj@ieee.org>
parents: 7476
diff changeset
192 }
7508
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
193 :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
194 :visited:hover {
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
195 /* 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
196 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
197 value. So settle for darkgrey underline.
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
198 */
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
199 text-decoration-color: darkgrey;
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
200 }
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
201
8051
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
202 :is(h1,h2,h3,h4) > :link:hover { text-underline-offset: -0.1em; }
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
203
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
204 a.toc-backref { color: #000000; }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
205
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
206 .header h1 { margin-left: 1em; }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
207
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
208 .menu { padding: 0; margin-right: 1em;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
209 .menu ul
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
210 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
211 padding: 0;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
212 margin: 0;
4033
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 li
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
215 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
216 margin: 5pt 0;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
217 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
218 .menu > ul > li > *
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 display: block;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
221 padding: 2pt 2pt 2pt 10pt;
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
222 border: solid thin #dadada;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
223 background-color:#ffffff;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
224 }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
225 .menu > ul > li.current > *
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
226 {
7476
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
227 background-color: #f0f0f0;
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
228 border-block-end: solid medium #cccccc;
7290
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
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
231 .menu ul li:first-child { margin-top:0;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
232 .menu ul { list-style-type:none;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
233
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
234 /* sub-menus are indented */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
235 .menu > ul > li > ul,
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
236 .menu > ul > li.current > ul
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 border:none;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
239 background-color: inherit;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
240 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
241 .menu ul ul
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
242 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
243 margin-left: 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
244 font-size: smaller;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
245 }
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 /* sub-menu items draw a separator */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
248 .menu ul ul > li
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
249 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
250 margin: 0;
7356
ff5a50069822 Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
251 padding: 0.5em;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
252 border: none;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
253 border-top: solid thin #dadada;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
254 background-color: inherit;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
255 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
256 .menu ul ul > li:first-child
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
257 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
258 border-top: none;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
259 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
260
7476
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
261 /* 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
262 .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
263 display: block;
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
264 }
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
265
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
266 .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
267 background-color: #f0f0f0;
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
268 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
269 padding-block: 1em;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
270 }
4033
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 /* related */
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
273 div.related
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
274 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
275 width: 100%;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
276 font-size: 90%;
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 div.related-top { border-bottom: solid thin #dadada;}
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
279 div.related-bottom { border-top: solid thin #dadada;}
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 div.related ul
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
282 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
283 margin: 0;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
284 padding: 0 0 0 10px;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
285 list-style: none;
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
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
288 div.related li { display: inline;}
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
289
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
290 div.related li.right
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
291 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
292 float: right;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
293 margin-right: 5px;
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 .footer
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 font-size: small;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
299 text-align: center;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
300 color: black;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
301 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
302
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
303 .footer img {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
304 vertical-align: middle;
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
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
307 .content
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 padding: 1em;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
310 border: solid thin #dadada;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
311 background-color: #f7f7f7;
4033
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
7467
92fb16035d92 Reclass release info badge block on home page.
John Rouillard <rouilj@ieee.org>
parents: 7462
diff changeset
314 /* 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
315 #roundup-issue-tracker .release_info
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
316 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
317 float: right;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
318 width: auto;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
319 border: solid thin #dadada;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
320 background-color:#f5f5f5;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
321 padding: 1em;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
322 margin: 1em;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
323 }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
324
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
325 table
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
326 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
327 border-collapse: collapse;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
328 border-spacing: 1px;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
329 background-color: #fafafa;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
330 }
5030
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
331
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
332 table:has(caption) {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
333 margin-block: 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
334 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
335
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
336 table caption { font-weight: bold; font-size: smaller; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
337
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
338 table.footnote {
7373
5e9b0ff1c695 Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents: 7366
diff changeset
339 font-size: var(--_font-level_-1);
7313
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
340 position: relative
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
341 }
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
342
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
343 table.footnote::before {
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
344 border: 1px solid black;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
345 content: "";
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
346 left: 0;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
347 position: absolute;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
348 top: 0;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
349 width: 25%;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
350 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
351
7384
639a926cbb1a Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents: 7383
diff changeset
352 table.captionbelow {
639a926cbb1a Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents: 7383
diff changeset
353 caption-side: bottom;
639a926cbb1a Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents: 7383
diff changeset
354 }
639a926cbb1a Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents: 7383
diff changeset
355
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
356 td {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
357 /* pull text away from borders */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
358 padding-inline: 0.5em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
359 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
360
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
361 td > p {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
362 /* remove top margin on a p inside table cell so that
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
363 columns with paragraphs align at top of cell rather
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
364 than leaving a blank margin */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
365 margin-block-start: 0px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
366 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
367
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
368 input, textarea { border-width: 1px; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
369
5030
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
370 a.headerlink {
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
371 font-size: 0.8em;
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
372 margin-left: 0.3em;
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
373 color: #c99;
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
374 }
7137
4553614a2b22 move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents: 7133
diff changeset
375
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
376 div.admonition {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
377 padding-inline: 1em;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
378 padding-block: 0.25em;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
379 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
380 background-color: #dfdfdf;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
381 }
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 div.admonition.caution {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
384 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
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.warning {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
388 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
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 p.admonition-title {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
392 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
393 font-weight: bold;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
394 font-size: larger;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
395 margin-block: 0;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
396 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
397
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
398 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
399 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
400 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
401
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
402 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
403 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
404 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
405 dd > ul:first-child {
ff5a50069822 Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
406 /* 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
407 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
408 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
409 on ul. */
ff5a50069822 Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
410 margin-inline-start: -32px;
ff5a50069822 Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
411 }
7290
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 #skiplink { display: block;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
414 margin-block-start: 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
415 margin-inline-start: 1em;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
416 #skiplink a {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
417 /* force stuff for screenreader off screen */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
418 position:absolute;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
419 left:-10000px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
420 top:auto;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
421 width:1px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
422 height:1px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
423 overflow:hidden;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
424 padding: 0 0.75em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
425 font-weight: bold;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
426 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
427 #skiplink a:focus { position: static;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
428 width: auto;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
429 height: auto; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
430
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
431 /* remove solid black border when focus is around the main section
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
432 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
433 #main:focus-visible {outline: none;}
7297
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7290
diff changeset
434
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7290
diff changeset
435 /* 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
436 /*div.highlight > pre {
7297
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7290
diff changeset
437 overflow-wrap: anywhere;
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7290
diff changeset
438 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
439 }*/
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
440
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
441 /* 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
442 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
443 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
444
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
445 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
446 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
447 */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
448 div.highlight > pre {
7319
2a78ade9a5eb Replace invlid none value for overflow-wrap.
John Rouillard <rouilj@ieee.org>
parents: 7318
diff changeset
449 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
450 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
451 /* Shadows */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
452 background-image:
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
453 /* 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
454 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
455 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
456 /* Shadow */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
457 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
458 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
459 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
460 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
461 /* square shadows */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
462 /*
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
463 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
464 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
465 */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
466 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
467 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
468 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
469 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
470 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
471 background-attachment: local, local, scroll, scroll;
7471
a4987f5ebee0 Add padding around code examples.
John Rouillard <rouilj@ieee.org>
parents: 7469
diff changeset
472 padding: 0.5em;
7297
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7290
diff changeset
473 }
7430
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
474
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
475 /* 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
476 use multiple columns */
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
477 ul.multicol {
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
478 display: grid;
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
479 /* adjust the `min` value to your context */
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
480 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
481 grid-gap: 0 1rem; /* no row gap */
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
482 }
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
483 ul.multicol > * {
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
484 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
485 }
7437
0d9f704a7ef2 Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents: 7430
diff changeset
486
0d9f704a7ef2 Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents: 7430
diff changeset
487 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
488 background: #f3f1cc;
0d9f704a7ef2 Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents: 7430
diff changeset
489 padding-inline: 0.5em;
0d9f704a7ef2 Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents: 7430
diff changeset
490 }
7476
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
491
7732
9ed6f48c43c5 doc: make table alignment on both doc and website/www
John Rouillard <rouilj@ieee.org>
parents: 7519
diff changeset
492 table.valign-top tbody td { vertical-align: top; }
9ed6f48c43c5 doc: make table alignment on both doc and website/www
John Rouillard <rouilj@ieee.org>
parents: 7519
diff changeset
493
8051
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
494 .footnote-list {
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
495 border: lightgrey dotted 2px;
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
496 font-size: smaller;
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
497 margin-inline: 2em;
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
498 padding-inline: 1em;
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
499 }
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
500
8053
740c1c5d9ec4 docs: move first paragraph close to footnote return link
John Rouillard <rouilj@ieee.org>
parents: 8051
diff changeset
501 aside.footnote > span + p { margin-block-start: unset; }
740c1c5d9ec4 docs: move first paragraph close to footnote return link
John Rouillard <rouilj@ieee.org>
parents: 8051
diff changeset
502
7476
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
503 /* 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
504 /*
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
505 :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
506 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
507 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
508 padding: 0.3em;
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
509 }
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
510 */
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
511

Roundup Issue Tracker: http://roundup-tracker.org/