Mercurial > p > roundup > code

annotate doc/_static/style.css @ 8532:bedf11bc0dd5

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
chore: replaced writer_name with writer in call to ReStructuredText Was generating: roundup/cgi/templating.py:1889: PendingDeprecationWarning: Argument "writer_name" will be removed in Docutils 2.0. Specify writer name in the "writer" argument. return u2s(ReStructuredText(
author John Rouillard <rouilj@ieee.org>
date Wed, 18 Mar 2026 10:55:17 -0400
parents 93f9d8622111
children 695399dea532
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;}
8476
93f9d8622111 doc: update styles to WCAG AAA; add accessibility statement; reword
John Rouillard <rouilj@ieee.org>
parents: 8400
diff changeset
189 /* improve contrast to AA */
93f9d8622111 doc: update styles to WCAG AAA; add accessibility statement; reword
John Rouillard <rouilj@ieee.org>
parents: 8400
diff changeset
190 .admonition.note :link { color: rgb(170,1,1); text-decoration: none;}
7497
dcf37ca1a47d Reduce line height for headers; change link decorations
John Rouillard <rouilj@ieee.org>
parents: 7476
diff changeset
191 :link:hover {
7519
c1ef0827705a Clamp link underline to max 4px
John Rouillard <rouilj@ieee.org>
parents: 7508
diff changeset
192 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
193 text-underline-position: under;
dcf37ca1a47d Reduce line height for headers; change link decorations
John Rouillard <rouilj@ieee.org>
parents: 7476
diff changeset
194 }
7508
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
195 :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
196 :visited:hover {
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
197 /* 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
198 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
199 value. So settle for darkgrey underline.
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 text-decoration-color: darkgrey;
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
202 }
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
203
8051
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
204 :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
205
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
206 a.toc-backref { color: #000000; }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
207
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
208 .header h1 { margin-left: 1em; }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
209
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
210 .menu { padding: 0; margin-right: 1em;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
211 .menu ul
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
212 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
213 padding: 0;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
214 margin: 0;
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 .menu li
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
217 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
218 margin: 5pt 0;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
219 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
220 .menu > ul > li > *
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
221 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
222 display: block;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
223 padding: 2pt 2pt 2pt 10pt;
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
224 border: solid thin #dadada;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
225 background-color:#ffffff;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
226 }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
227 .menu > ul > li.current > *
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
228 {
7476
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
229 background-color: #f0f0f0;
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
230 border-block-end: solid medium #cccccc;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
231 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
232
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
233 .menu ul li:first-child { margin-top:0;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
234 .menu ul { list-style-type:none;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
235
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
236 /* sub-menus are indented */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
237 .menu > ul > li > ul,
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
238 .menu > ul > li.current > ul
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
239 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
240 border:none;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
241 background-color: inherit;
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 .menu ul ul
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
244 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
245 margin-left: 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
246 font-size: smaller;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
247 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
248
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
249 /* sub-menu items draw a separator */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
250 .menu ul ul > li
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
251 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
252 margin: 0;
7356
ff5a50069822 Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
253 padding: 0.5em;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
254 border: none;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
255 border-top: solid thin #dadada;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
256 background-color: inherit;
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 .menu ul ul > li:first-child
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 border-top: none;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
261 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
262
7476
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
263 /* 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
264 .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
265 display: block;
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
266 }
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
267
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
268 .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
269 background-color: #f0f0f0;
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
270 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
271 padding-block: 1em;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
272 }
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
273
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
274 /* related */
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
275 div.related
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
276 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
277 width: 100%;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
278 font-size: 90%;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
279 }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
280 div.related-top { border-bottom: solid thin #dadada;}
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
281 div.related-bottom { border-top: solid thin #dadada;}
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 div.related ul
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
284 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
285 margin: 0;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
286 padding: 0 0 0 10px;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
287 list-style: none;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
288 }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
289
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
290 div.related li { display: inline;}
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 div.related li.right
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
293 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
294 float: right;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
295 margin-right: 5px;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
296 }
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 .footer
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
299 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
300 font-size: small;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
301 text-align: center;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
302 color: black;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
303 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
304
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
305 .footer img {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
306 vertical-align: middle;
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
307 }
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 .content
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
310 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
311 padding: 1em;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
312 border: solid thin #dadada;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
313 background-color: #f7f7f7;
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
314 }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
315
7467
92fb16035d92 Reclass release info badge block on home page.
John Rouillard <rouilj@ieee.org>
parents: 7462
diff changeset
316 /* 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
317 #roundup-issue-tracker .release_info
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
318 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
319 float: right;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
320 width: auto;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
321 border: solid thin #dadada;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
322 background-color:#f5f5f5;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
323 padding: 1em;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
324 margin: 1em;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
325 }
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 table
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
328 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
329 border-collapse: collapse;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
330 border-spacing: 1px;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
331 background-color: #fafafa;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
332 }
5030
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
333
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
334 table:has(caption) {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
335 margin-block: 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
336 }
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 caption { font-weight: bold; font-size: smaller; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
339
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
340 table.footnote {
7373
5e9b0ff1c695 Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents: 7366
diff changeset
341 font-size: var(--_font-level_-1);
7313
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
342 position: relative
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
343 }
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
344
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
345 table.footnote::before {
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
346 border: 1px solid black;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
347 content: "";
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
348 left: 0;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
349 position: absolute;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
350 top: 0;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
351 width: 25%;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
352 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
353
7384
639a926cbb1a Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents: 7383
diff changeset
354 table.captionbelow {
639a926cbb1a Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents: 7383
diff changeset
355 caption-side: bottom;
639a926cbb1a Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents: 7383
diff changeset
356 }
639a926cbb1a Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents: 7383
diff changeset
357
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
358 td {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
359 /* pull text away from borders */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
360 padding-inline: 0.5em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
361 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
362
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
363 td > p {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
364 /* remove top margin on a p inside table cell so that
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
365 columns with paragraphs align at top of cell rather
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
366 than leaving a blank margin */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
367 margin-block-start: 0px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
368 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
369
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
370 input, textarea { border-width: 1px; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
371
5030
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
372 a.headerlink {
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
373 font-size: 0.8em;
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
374 margin-left: 0.3em;
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
375 color: #c99;
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
376 }
7137
4553614a2b22 move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents: 7133
diff changeset
377
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
378 div.admonition {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
379 padding-inline: 1em;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
380 padding-block: 0.25em;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
381 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
382 background-color: #dfdfdf;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
383 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
384
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
385 div.admonition.caution {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
386 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
387 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
388
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
389 div.admonition.warning {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
390 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
391 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
392
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
393 p.admonition-title {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
394 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
395 font-weight: bold;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
396 font-size: larger;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
397 margin-block: 0;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
398 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
399
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
400 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
401 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
402 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
403
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
404 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
405 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
406 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
407 dd > ul:first-child {
ff5a50069822 Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
408 /* 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
409 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
410 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
411 on ul. */
ff5a50069822 Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
412 margin-inline-start: -32px;
ff5a50069822 Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
413 }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
414
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
415 #skiplink { display: block;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
416 margin-block-start: 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
417 margin-inline-start: 1em;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
418 #skiplink a {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
419 /* force stuff for screenreader off screen */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
420 position:absolute;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
421 left:-10000px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
422 top:auto;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
423 width:1px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
424 height:1px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
425 overflow:hidden;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
426 padding: 0 0.75em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
427 font-weight: bold;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
428 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
429 #skiplink a:focus { position: static;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
430 width: auto;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
431 height: auto; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
432
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
433 /* remove solid black border when focus is around the main section
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
434 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
435 #main:focus-visible {outline: none;}
7297
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7290
diff changeset
436
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7290
diff changeset
437 /* 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
438 /*div.highlight > pre {
7297
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7290
diff changeset
439 overflow-wrap: anywhere;
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7290
diff changeset
440 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
441 }*/
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
442
8476
93f9d8622111 doc: update styles to WCAG AAA; add accessibility statement; reword
John Rouillard <rouilj@ieee.org>
parents: 8400
diff changeset
443 /* improve color contrast to AA against yellowish highlight bg */
93f9d8622111 doc: update styles to WCAG AAA; add accessibility statement; reword
John Rouillard <rouilj@ieee.org>
parents: 8400
diff changeset
444 div.highlight .c1 {
93f9d8622111 doc: update styles to WCAG AAA; add accessibility statement; reword
John Rouillard <rouilj@ieee.org>
parents: 8400
diff changeset
445 color: rgb(3,114,3);
93f9d8622111 doc: update styles to WCAG AAA; add accessibility statement; reword
John Rouillard <rouilj@ieee.org>
parents: 8400
diff changeset
446 }
93f9d8622111 doc: update styles to WCAG AAA; add accessibility statement; reword
John Rouillard <rouilj@ieee.org>
parents: 8400
diff changeset
447 div.highlight .na {
93f9d8622111 doc: update styles to WCAG AAA; add accessibility statement; reword
John Rouillard <rouilj@ieee.org>
parents: 8400
diff changeset
448 color: rgb(220,2,2);
93f9d8622111 doc: update styles to WCAG AAA; add accessibility statement; reword
John Rouillard <rouilj@ieee.org>
parents: 8400
diff changeset
449 }
93f9d8622111 doc: update styles to WCAG AAA; add accessibility statement; reword
John Rouillard <rouilj@ieee.org>
parents: 8400
diff changeset
450
7317
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
451 /* 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
452 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
453 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
454
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
455 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
456 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
457 */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
458 div.highlight > pre {
7319
2a78ade9a5eb Replace invlid none value for overflow-wrap.
John Rouillard <rouilj@ieee.org>
parents: 7318
diff changeset
459 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
460 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
461 /* Shadows */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
462 background-image:
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
463 /* 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
464 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
465 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
466 /* Shadow */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
467 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
468 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
469 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
470 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
471 /* square shadows */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
472 /*
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
473 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
474 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
475 */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
476 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
477 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
478 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
479 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
480 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
481 background-attachment: local, local, scroll, scroll;
7471
a4987f5ebee0 Add padding around code examples.
John Rouillard <rouilj@ieee.org>
parents: 7469
diff changeset
482 padding: 0.5em;
7297
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7290
diff changeset
483 }
7430
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
484
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
485 /* 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
486 use multiple columns */
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
487 ul.multicol {
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
488 display: grid;
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
489 /* adjust the `min` value to your context */
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
490 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
491 grid-gap: 0 1rem; /* no row gap */
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
492 }
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
493 ul.multicol > * {
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
494 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
495 }
8362
f061e614320a doc: tighten up line spacing in multicol lists by removing p margins.
John Rouillard <rouilj@ieee.org>
parents: 8358
diff changeset
496 ul.multicol > li > p { /* remove spacing around paragraphs to tighten up list */
f061e614320a doc: tighten up line spacing in multicol lists by removing p margins.
John Rouillard <rouilj@ieee.org>
parents: 8358
diff changeset
497 margin: 0;
f061e614320a doc: tighten up line spacing in multicol lists by removing p margins.
John Rouillard <rouilj@ieee.org>
parents: 8358
diff changeset
498 }
7437
0d9f704a7ef2 Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents: 7430
diff changeset
499
0d9f704a7ef2 Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents: 7430
diff changeset
500 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
501 background: #f3f1cc;
0d9f704a7ef2 Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents: 7430
diff changeset
502 padding-inline: 0.5em;
0d9f704a7ef2 Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents: 7430
diff changeset
503 }
7476
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
504
7732
9ed6f48c43c5 doc: make table alignment on both doc and website/www
John Rouillard <rouilj@ieee.org>
parents: 7519
diff changeset
505 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
506
8051
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
507 .footnote-list {
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
508 border: lightgrey dotted 2px;
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
509 font-size: smaller;
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
510 margin-inline: 2em;
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
511 padding-inline: 1em;
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
512 }
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
513
8053
740c1c5d9ec4 docs: move first paragraph close to footnote return link
John Rouillard <rouilj@ieee.org>
parents: 8051
diff changeset
514 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
515
7476
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
516 /* 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
517 /*
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
518 :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
519 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
520 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
521 padding: 0.3em;
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
522 }
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
523 */
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
524
8400
c99e37d270b3 doc: move #target a 2em from top of viewport.
John Rouillard <rouilj@ieee.org>
parents: 8362
diff changeset
525 /* move the target off the top of the viewport by a little */
c99e37d270b3 doc: move #target a 2em from top of viewport.
John Rouillard <rouilj@ieee.org>
parents: 8362
diff changeset
526 :target {
c99e37d270b3 doc: move #target a 2em from top of viewport.
John Rouillard <rouilj@ieee.org>
parents: 8362
diff changeset
527 scroll-margin-block-start: 2em;
c99e37d270b3 doc: move #target a 2em from top of viewport.
John Rouillard <rouilj@ieee.org>
parents: 8362
diff changeset
528 }
Roundup Issue Tracker: http://roundup-tracker.org/