Mercurial > p > roundup > code

annotate doc/_static/style.css @ 8358:a50af46803f0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
docs(style): make shadows on pre sections have tint of background The grey shadows on a wheat colored background looked bad. Add some of the backgound color to the shadow.
author John Rouillard <rouilj@ieee.org>
date Wed, 09 Jul 2025 09:42:48 -0400
parents 85aae98b8c82
children f061e614320a
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%,
8358
a50af46803f0 docs(style): make shadows on pre sections have tint of background
John Rouillard <rouilj@ieee.org>
parents: 8353
diff changeset
458 rgba(181, 181, 113, 0.75), rgba(255, 255, 255, 0)),
7317
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%,
8358
a50af46803f0 docs(style): make shadows on pre sections have tint of background
John Rouillard <rouilj@ieee.org>
parents: 8353
diff changeset
460 rgba(181, 181, 113, 0.75), rgba(255, 255, 255, 0));
7317
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/