Mercurial > p > roundup > code
annotate website/www/_static/style.css @ 7478:e8d2a4bca16a
Update index. Add "track your issues your way" tag line and...
Add description of benefits to some of the noteworthy changes.
Add GTD "thing management" from old email in the 1.6 time period.
Reverse order of fast gratification so source directory is first then
venv install. Match the first line that says you don't have to
install.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Sun, 11 Jun 2023 21:32:46 -0400 |
| parents | 6dca1626f652 |
| children | dcf37ca1a47d |
| rev | line source |
|---|---|
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
1 /* layout*/ |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
2 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
3 /* Set up fluid type scale. Major third for smaller screens |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
4 and perfect fourth for larger screens. |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
5 Allow override using --font-level-X. |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
6 |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
7 https://utopia.fyi/type/calculator?c=320,16,1.25,1280,18,1.333,4,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
8 */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
9 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
10 :root { |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
11 --_font-level_-2: var(--font-level_-2, |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
12 clamp(0.63em, |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
13 0.64rem + -0.01vw, |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
14 0.64em) |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
15 ); |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
16 --_font-level_-1: var(--font-level_-1, |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
17 clamp(0.80rem, |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
18 0.79rem + 0.07vw, |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
19 0.84rem) |
|
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
20 ); |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
21 --_font-level-0: var(--font-level-0, |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
22 clamp(1rem, |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
23 0.96rem + 0.21vw, |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
24 1.13rem) |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
25 ); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
26 --_font-level-1: var(--font-level-1, |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
27 clamp( |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
28 1.25 * var(--_font-level-0), |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
29 1.17rem + 0.42vw, |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
30 1.5rem) |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
31 ); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
32 --_font-level-2: var(--font-level-2, |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
33 clamp( |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
34 1.25 * var(--_font-level-1), |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
35 1.42rem + 0.73vw, |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
36 2rem) |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
37 ); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
38 --_font-level-3: var(--font-level-3, |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
39 clamp( |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
40 1.25 * var(--_font-level-2), |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
41 1.72rem + 1.19vw, |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
42 2.66rem) |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
43 ); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
44 --_font-level-4: var(--font-level-4, |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
45 clamp( |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
46 1.25 * var(--_font-level-3), |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
47 2.07rem + 1.85vw, |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
48 3.55rem) |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
49 ); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
50 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
51 |
|
7314
4917bb4b5eac
Setup spacing with lobotmized owl; close space between dt/dd.
John Rouillard <rouilj@ieee.org>
parents:
7313
diff
changeset
|
52 * + * { margin-block-start: 1.2em;} |
|
4917bb4b5eac
Setup spacing with lobotmized owl; close space between dt/dd.
John Rouillard <rouilj@ieee.org>
parents:
7313
diff
changeset
|
53 |
|
7324
ed0285b8c9b4
Override lobotmized owl for badge display
John Rouillard <rouilj@ieee.org>
parents:
7319
diff
changeset
|
54 /* shrink spacing between list elements in tables of contents, |
|
ed0285b8c9b4
Override lobotmized owl for badge display
John Rouillard <rouilj@ieee.org>
parents:
7319
diff
changeset
|
55 badge displays */ |
|
7325
49bc6d66f536
correct fix for last change.
John Rouillard <rouilj@ieee.org>
parents:
7324
diff
changeset
|
56 div.toctree-wrapper * + *, div.contents * + *, div.release_info * { |
|
7318
a5dd4893d089
Close spacing in the master TOC as well.
John Rouillard <rouilj@ieee.org>
parents:
7317
diff
changeset
|
57 margin-block-start: 0.25em; |
|
a5dd4893d089
Close spacing in the master TOC as well.
John Rouillard <rouilj@ieee.org>
parents:
7317
diff
changeset
|
58 } |
|
7317
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
59 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
60 h1, h2, h3, h4, h5, h6 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
61 line-height: 1.25; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
62 /* Larger spacing before header and smaller after to make |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
63 header part of following section */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
64 margin-block-end: 0.3em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
65 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
66 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
67 h1 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
68 font-size: var(--_font-level-4); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
69 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
70 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
71 /* remove whitespace at top of main column */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
72 main h1 { margin-block-start: 0; } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
73 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
74 h2 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
75 font-size: var(--_font-level-3); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
76 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
77 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
78 h3 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
79 font-size: var(--_font-level-2); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
80 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
81 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
82 h4 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
83 font-size: var(--_font-level-1); |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
84 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
85 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
86 /* snug header up to first paragraph of it's section. */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
87 :is(h1,h2,h3,h4,h5,h6) + p { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
88 margin-block-start: 0; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
89 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
90 |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
91 body |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
92 { |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
93 background-color: #f5f5f5; |
|
7329
a3dbd44c3642
rejigger text and link colors to match WCAG AA.
John Rouillard <rouilj@ieee.org>
parents:
7325
diff
changeset
|
94 color: rgb(20,20,20); |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
95 font-family: sans-serif, Arial, Helvetica; |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
96 font-size: var(--_font-level-0); |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
97 margin:0; |
|
7247
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
98 padding: 0 3em 0 14em; |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
99 } |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
100 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
101 /* -14em is size of table of contents/nav */ |
|
7247
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
102 body > .header { margin: 0 0 0 -14em;} |
|
7346
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
103 body > header > div.mobile { display:none; } |
|
7133
b5b1f2830e23
Remove duplicate h1 headers from website
John Rouillard <rouilj@ieee.org>
parents:
6778
diff
changeset
|
104 body > .header div.label { font-size: 2em; font-weight: bold; margin: 0.67em 0 0.67em 1em;} |
|
7247
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
105 body > .footer { margin: 1em 0 1em -14em; clear:both;} |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
106 body > .navigation |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
107 { |
|
7469
a2dfb82456af
Make top of navigation bock align with main block.
John Rouillard <rouilj@ieee.org>
parents:
7467
diff
changeset
|
108 float: left; |
|
7247
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
109 margin-left: -14em; |
|
7307
aa024cdf9ffb
Correct formating of sidebar on mobile.
John Rouillard <rouilj@ieee.org>
parents:
7297
diff
changeset
|
110 margin-inline-start: -14em; |
|
7469
a2dfb82456af
Make top of navigation bock align with main block.
John Rouillard <rouilj@ieee.org>
parents:
7467
diff
changeset
|
111 margin-block-start: unset; |
|
7247
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
112 width: 14em; |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
113 } |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
114 body > .content |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
115 { |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
116 margin: 0; |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
117 width: 100%; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
118 } |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
119 body > .header > #searchbox { position: absolute; right: 1em; top: 1em;} |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
120 body > .content > #subnav { position: absolute; right: 1.5em; top: 6em;} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
121 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
122 main { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
123 line-height: calc(1.5 * 1em); |
|
7366
113debfd383b
revert attempt to make pre full bleed.
John Rouillard <rouilj@ieee.org>
parents:
7365
diff
changeset
|
124 max-width: 65ch; |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
125 } |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
126 |
|
7383
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
127 /* full bleed for highlighted example code. This works for |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
128 highlighted code directly in each section. If the example |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
129 is inside a list, table etc, the list/table is constrained |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
130 to 65ch and we don't get a full bleed example. |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
131 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
132 div.section *:not(div[class^=highlight-]):not(div[class^=highlight-] *):not(div.section) { |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
133 max-width: 65ch; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
134 } |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
135 */ |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
136 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
137 /* trying to full bleed highlighted code section using using |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
138 grid layout. Doesn't work as each header level inserts a |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
139 div.section, so the grid is applied to main > div > div > |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
140 div.section and highlighted code isn't in a grid display |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
141 environment anymore. Subgrid would fix this but.... |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
142 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
143 main > div > div { |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
144 display: grid; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
145 grid-template-columns: 65ch 1fr; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
146 } |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
147 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
148 main > div > div > * { |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
149 grid-column: 1/2; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
150 } |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
151 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
152 div[class^=highlight] { |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
153 width: 100%; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
154 grid-column: 1 / 3; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
155 } |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
156 */ |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
157 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
158 /* try full bleed without grid. Make everything except the |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
159 highlight container and its children 65ch in width. |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
160 However need to explicitly set a width for some reason on |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
161 the container and children. 100% or other relative width |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
162 doesn't work. Probably again because of div.section being |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
163 set to 65ch max width. Can use absolute size values, but |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
164 how to calculate them when I don't know where the left |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
165 margin is of the highlight div. |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
166 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
167 main :not(div[class^=highlight-]):not(div[class^=highlight-] *) { |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
168 position: relative; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
169 max-width: 65ch; |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
170 } |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
171 |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
172 div[class^=highlight-], div[class^=highlight-] * { width: |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
173 calc(100vw |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
174 - 15em); } |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
175 */ |
|
0645e3bdd5a3
Document three commented out attempts at full bleed code examples
John Rouillard <rouilj@ieee.org>
parents:
7373
diff
changeset
|
176 |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
177 /* style */ |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
178 |
|
7329
a3dbd44c3642
rejigger text and link colors to match WCAG AA.
John Rouillard <rouilj@ieee.org>
parents:
7325
diff
changeset
|
179 :link { color: rgb(220,0,0); text-decoration: none;} |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
180 :link:hover {text-decoration: underline;} |
|
7329
a3dbd44c3642
rejigger text and link colors to match WCAG AA.
John Rouillard <rouilj@ieee.org>
parents:
7325
diff
changeset
|
181 :visited { color: rgb(187,0,0); text-decoration: none;} |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
182 a.toc-backref { color: #000000; } |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
183 |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
184 .header h1 { margin-left: 1em; } |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
185 |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
186 .menu { padding: 0; margin-right: 1em;} |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
187 .menu ul |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
188 { |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
189 padding: 0; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
190 margin: 0; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
191 } |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
192 .menu li |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
193 { |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
194 margin: 5pt 0; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
195 } |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
196 .menu > ul > li > * |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
197 { |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
198 display: block; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
199 padding: 2pt 2pt 2pt 10pt; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
200 border: solid thin #dadada; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
201 background-color:#ffffff; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
202 } |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
203 .menu > ul > li.current > * |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
204 { |
|
7476
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
205 background-color: #f0f0f0; |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
206 border-block-end: solid medium #cccccc; |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
207 } |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
208 |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
209 .menu ul li:first-child { margin-top:0;} |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
210 .menu ul { list-style-type:none;} |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
211 |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
212 /* sub-menus are indented */ |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
213 .menu > ul > li > ul, |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
214 .menu > ul > li.current > ul |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
215 { |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
216 border:none; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
217 background-color: inherit; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
218 } |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
219 .menu ul ul |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
220 { |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
221 margin-left: 1em; |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
222 font-size: smaller; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
223 } |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
224 |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
225 /* sub-menu items draw a separator */ |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
226 .menu ul ul > li |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
227 { |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
228 margin: 0; |
|
7356
ff5a50069822
Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents:
7346
diff
changeset
|
229 padding: 0.5em; |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
230 border: none; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
231 border-top: solid thin #dadada; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
232 background-color: inherit; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
233 } |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
234 .menu ul ul > li:first-child |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
235 { |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
236 border-top: none; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
237 } |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
238 |
|
7476
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
239 /* 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
|
240 .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
|
241 display: block; |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
242 } |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
243 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
244 .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
|
245 background-color: #f0f0f0; |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
246 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
|
247 padding-block: 1em; |
|
7290
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 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
250 /* related */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
251 div.related |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
252 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
253 width: 100%; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
254 font-size: 90%; |
|
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 div.related-top { border-bottom: solid thin #dadada;} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
257 div.related-bottom { border-top: solid thin #dadada;} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
258 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
259 div.related ul |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
260 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
261 margin: 0; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
262 padding: 0 0 0 10px; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
263 list-style: none; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
264 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
265 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
266 div.related li { display: inline;} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
267 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
268 div.related li.right |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
269 { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
270 float: right; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
271 margin-right: 5px; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
272 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
273 |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
274 .footer |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
275 { |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
276 font-size: small; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
277 text-align: center; |
|
6253
7849d8c7d917
Improve accessibiity, SEO
John Rouillard <rouilj@ieee.org>
parents:
6163
diff
changeset
|
278 color: black; |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
279 } |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
280 |
|
4819
48296d636a40
website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents:
4139
diff
changeset
|
281 .footer img { |
|
48296d636a40
website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents:
4139
diff
changeset
|
282 vertical-align: middle; |
|
48296d636a40
website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents:
4139
diff
changeset
|
283 } |
|
48296d636a40
website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents:
4139
diff
changeset
|
284 |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
285 .content |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
286 { |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
287 padding: 1em; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
288 border: solid thin #dadada; |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
289 background-color: #f7f7f7; |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
290 } |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
291 |
|
7467
92fb16035d92
Reclass release info badge block on home page.
John Rouillard <rouilj@ieee.org>
parents:
7462
diff
changeset
|
292 /* 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
|
293 #roundup-issue-tracker .release_info |
|
4022
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
294 { |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
295 float: right; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
296 width: auto; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
297 border: solid thin #dadada; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
298 background-color:#f5f5f5; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
299 padding: 1em; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
300 margin: 1em; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
301 } |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
302 |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
303 table |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
304 { |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
305 border-collapse: collapse; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
306 border-spacing: 1px; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
307 background-color: #fafafa; |
|
d62831da3941
svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff
changeset
|
308 } |
| 4139 | 309 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
310 table:has(caption) { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
311 margin-block: 1em; |
|
4820
2b7425b24243
website: Revise contacts page, add links to archives and web IRC
anatoly techtonik <techtonik@gmail.com>
parents:
4819
diff
changeset
|
312 } |
|
6763
d93b441ee778
Handle build issues, update css for mobile
John Rouillard <rouilj@ieee.org>
parents:
6253
diff
changeset
|
313 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
314 table caption { font-weight: bold; font-size: smaller; } |
|
7137
4553614a2b22
move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents:
7133
diff
changeset
|
315 |
|
4553614a2b22
move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents:
7133
diff
changeset
|
316 table.footnote { |
|
7373
5e9b0ff1c695
Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents:
7366
diff
changeset
|
317 font-size: var(--_font-level_-1); |
| 7313 | 318 position: relative |
| 319 } | |
| 320 | |
| 321 table.footnote::before { | |
| 322 border: 1px solid black; | |
| 323 content: ""; | |
| 324 left: 0; | |
| 325 position: absolute; | |
| 326 top: 0; | |
| 327 width: 25%; | |
|
7137
4553614a2b22
move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents:
7133
diff
changeset
|
328 } |
|
7247
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
329 |
|
7384
639a926cbb1a
Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents:
7383
diff
changeset
|
330 table.captionbelow { |
|
639a926cbb1a
Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents:
7383
diff
changeset
|
331 caption-side: bottom; |
|
639a926cbb1a
Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents:
7383
diff
changeset
|
332 } |
|
639a926cbb1a
Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents:
7383
diff
changeset
|
333 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
334 td { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
335 /* pull text away from borders */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
336 padding-inline: 0.5em; |
|
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 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
339 td > p { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
340 /* remove top margin on a p inside table cell so that |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
341 columns with paragraphs align at top of cell rather |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
342 than leaving a blank margin */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
343 margin-block-start: 0px; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
344 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
345 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
346 input, textarea { border-width: 1px; } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
347 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
348 a.headerlink { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
349 font-size: 0.8em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
350 margin-left: 0.3em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
351 color: #c99; |
|
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 |
|
7247
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
354 div.admonition { |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
355 padding-inline: 1em; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
356 padding-block: 0.25em; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
357 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
|
358 background-color: #dfdfdf; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
359 } |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
360 |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
361 div.admonition.caution { |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
362 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
|
363 } |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
364 |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
365 div.admonition.warning { |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
366 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
|
367 } |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
368 |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
369 p.admonition-title { |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
370 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
|
371 font-weight: bold; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
372 font-size: larger; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
373 margin-block: 0; |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
374 } |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
375 |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
376 div.admonition.caution p.admonition-title { |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
377 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
|
378 } |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
379 |
|
7820cc786b5e
style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents:
7137
diff
changeset
|
380 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
|
381 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
|
382 dd p.first { margin-block-start: 0; } |
|
7346
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
383 dd > ul:first-child { |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
384 /* reduce indent with list inside dd. I want to reduce |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
385 margin-inline-start on dd but :has(> ul:first-child) |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
386 doesn't work in firefox yet, so use negative margin |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
387 on ul. */ |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
388 margin-inline-start: -32px; |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
389 } |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
390 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
391 #skiplink { display: block; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
392 margin-block-start: 1em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
393 margin-inline-start: 1em;} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
394 #skiplink a { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
395 /* force stuff for screenreader off screen */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
396 position:absolute; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
397 left:-10000px; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
398 top:auto; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
399 width:1px; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
400 height:1px; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
401 overflow:hidden; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
402 padding: 0 0.75em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
403 font-weight: bold; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
404 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
405 #skiplink a:focus { position: static; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
406 width: auto; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
407 height: auto; } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
408 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
409 /* remove solid black border when focus is around the main section |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
410 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
|
411 #main:focus-visible {outline: none;} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
412 |
|
7297
673d8e0d3abf
Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents:
7295
diff
changeset
|
413 /* 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
|
414 /*div.highlight > pre { |
|
7297
673d8e0d3abf
Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents:
7295
diff
changeset
|
415 overflow-wrap: anywhere; |
|
673d8e0d3abf
Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents:
7295
diff
changeset
|
416 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
|
417 }*/ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
418 |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
419 /* 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
|
420 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
|
421 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
|
422 |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
423 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
|
424 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
|
425 */ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
426 div.highlight > pre { |
|
7319
2a78ade9a5eb
Replace invlid none value for overflow-wrap.
John Rouillard <rouilj@ieee.org>
parents:
7318
diff
changeset
|
427 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
|
428 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
|
429 /* Shadows */ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
430 background-image: |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
431 /* 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
|
432 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
|
433 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
|
434 /* Shadow */ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
435 radial-gradient(farthest-side at 0px 50%, |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
436 rgba(0, 0, 20, 0.5), rgba(255, 255, 255, 0)), |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
437 radial-gradient(farthest-side at 100% 50%, |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
438 rgba(0, 0, 20, 0.5), rgba(255, 255, 255, 0)); |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
439 /* square shadows */ |
|
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 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
|
442 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
|
443 */ |
|
7e25424e2169
Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents:
7314
diff
changeset
|
444 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
|
445 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
|
446 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
|
447 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
|
448 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
|
449 background-attachment: local, local, scroll, scroll; |
|
7471
a4987f5ebee0
Add padding around code examples.
John Rouillard <rouilj@ieee.org>
parents:
7469
diff
changeset
|
450 padding: 0.5em; |
|
7297
673d8e0d3abf
Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents:
7295
diff
changeset
|
451 } |
|
673d8e0d3abf
Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents:
7295
diff
changeset
|
452 |
|
7430
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
453 /* 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
|
454 use multiple columns */ |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
455 ul.multicol { |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
456 display: grid; |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
457 /* adjust the `min` value to your context */ |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
458 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
|
459 grid-gap: 0 1rem; /* no row gap */ |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
460 } |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
461 ul.multicol > * { |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
462 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
|
463 } |
|
bd5bebb11695
add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents:
7384
diff
changeset
|
464 |
|
7437
0d9f704a7ef2
Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents:
7431
diff
changeset
|
465 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:
7431
diff
changeset
|
466 background: #f3f1cc; |
|
0d9f704a7ef2
Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents:
7431
diff
changeset
|
467 padding-inline: 0.5em; |
|
0d9f704a7ef2
Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents:
7431
diff
changeset
|
468 } |
|
0d9f704a7ef2
Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents:
7431
diff
changeset
|
469 |
|
7476
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
470 /* 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
|
471 /* |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
472 :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
|
473 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
|
474 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
|
475 padding: 0.3em; |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
476 } |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
477 */ |
|
6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents:
7471
diff
changeset
|
478 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
479 /* website only */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
480 /* assume desktop reader for local html files, also no contact |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
481 page for local doc files */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
482 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
483 @media only screen and (max-width:960px) { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
484 /* setup for layout/page frame */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
485 body { padding-inline-start: unset; /* remove space for float menu */} |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
486 body > .header { margin-inline-start: unset; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
487 margin-block-start: 3em; /* move down from search */} |
|
7469
a2dfb82456af
Make top of navigation bock align with main block.
John Rouillard <rouilj@ieee.org>
parents:
7467
diff
changeset
|
488 body > .navigation { float: none; |
|
a2dfb82456af
Make top of navigation bock align with main block.
John Rouillard <rouilj@ieee.org>
parents:
7467
diff
changeset
|
489 margin-block-start: unset; |
|
a2dfb82456af
Make top of navigation bock align with main block.
John Rouillard <rouilj@ieee.org>
parents:
7467
diff
changeset
|
490 margin-inline-start: unset; |
|
7307
aa024cdf9ffb
Correct formating of sidebar on mobile.
John Rouillard <rouilj@ieee.org>
parents:
7297
diff
changeset
|
491 width: unset; |
|
7469
a2dfb82456af
Make top of navigation bock align with main block.
John Rouillard <rouilj@ieee.org>
parents:
7467
diff
changeset
|
492 } |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
493 body > .navigation li > ul > li { padding-block: 1em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
494 /* move links away from each other */ } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
495 #roundup-issue-tracker .note { float: none; /* download box */} |
|
7346
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
496 body > header > div.label.mobile { /* constrain nav label div */ |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
497 display: block; |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
498 margin-inline-start: 0.5em; |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
499 max-width: 48%; |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
500 } |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
501 |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
502 /* activate jump link and hide default label at top of stacked sidebar */ |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
503 body > header > div.mobile span.jumplabel { |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
504 display: block; |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
505 font-size: small; |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
506 } |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
507 body > header > div.non_mobile { display: none; } |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
508 |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
509 body > .footer { margin-inline-start: 1em; } |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
510 |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
511 /* changes for content */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
512 /* stop paths and things from overflowing the viewport. */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
513 div.content { overflow-wrap: break-word; } |
|
7346
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
514 |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
515 /* add space between items in TOC to make hitting the links easier */ |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
516 li[class^=toctree] { margin-block: 1em; } |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
517 li[class^=toctree] > ul { margin-top: 1em; } |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
518 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
519 div.contents ul.simple li { padding-block: .5em; } |
|
7346
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
520 |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
521 h1 + div.contents > ul:first-child { |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
522 /* reduce wasted whitespace to left in TOC */ |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
523 padding-inline-start: 1em; |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
524 } |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
525 #subnav { |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
526 margin-block-end: 1em; |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
527 min-height: 48px; |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
528 } |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
529 |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
530 /* use for table of links to increase space between |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
531 links on small devices */ |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
532 table.linkspacing tr {height: 48px;} |
|
7431
e1d06d4dc81f
Adjust multicol links to be larger on narrow width (mobile) devices.
John Rouillard <rouilj@ieee.org>
parents:
7430
diff
changeset
|
533 |
|
e1d06d4dc81f
Adjust multicol links to be larger on narrow width (mobile) devices.
John Rouillard <rouilj@ieee.org>
parents:
7430
diff
changeset
|
534 ul.multicol a { |
|
e1d06d4dc81f
Adjust multicol links to be larger on narrow width (mobile) devices.
John Rouillard <rouilj@ieee.org>
parents:
7430
diff
changeset
|
535 display: inline-block; |
|
e1d06d4dc81f
Adjust multicol links to be larger on narrow width (mobile) devices.
John Rouillard <rouilj@ieee.org>
parents:
7430
diff
changeset
|
536 min-height: 48px; |
|
e1d06d4dc81f
Adjust multicol links to be larger on narrow width (mobile) devices.
John Rouillard <rouilj@ieee.org>
parents:
7430
diff
changeset
|
537 } |
|
e1d06d4dc81f
Adjust multicol links to be larger on narrow width (mobile) devices.
John Rouillard <rouilj@ieee.org>
parents:
7430
diff
changeset
|
538 |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
539 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
540 |
|
7346
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
541 @media only screen and (max-width:512px) { |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
542 /* prevent searchbox bleed into jumplink@top left. */ |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
543 #searchbox { max-width: 48%; } |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
544 #searchbox > form { |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
545 align-items: flex-end; |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
546 display: inline-flex; |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
547 flex-direction: column; |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
548 } |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
549 #searchbox > form > input[type=submit] { margin-block: 0.75em; } |
|
4295ac110551
Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents:
7329
diff
changeset
|
550 } |
|
7290
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
551 /* Contact page */ |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
552 div#contact table td { |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
553 white-space: nowrap; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
554 padding: 1pt 1em; |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
555 } |
|
7435320ea041
Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents:
7247
diff
changeset
|
556 |