annotate website/www/_static/style.css @ 8354:586e49dda652

docs: fix doc for registerUtilMethod; style tweak for internal docs. Pul the list pseudoheader style spacing tweat ot the stylesheet used to generate the released docs. Fix doc on arg to function defined with registerUtilMethod.
author John Rouillard <rouilj@ieee.org>
date Thu, 03 Jul 2025 13:23:36 -0400
parents 740c1c5d9ec4
children a50af46803f0
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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
8354
586e49dda652 docs: fix doc for registerUtilMethod; style tweak for internal docs.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
54 /* shrink spacing between first and following paragraph in a list item
586e49dda652 docs: fix doc for registerUtilMethod; style tweak for internal docs.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
55 when the first paragraph is bold/strong. Try to tie the first paragraph
586e49dda652 docs: fix doc for registerUtilMethod; style tweak for internal docs.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
56 pseudo header closer to the following paragraph. */
586e49dda652 docs: fix doc for registerUtilMethod; style tweak for internal docs.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
57 li > p:has(strong):first-child
586e49dda652 docs: fix doc for registerUtilMethod; style tweak for internal docs.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
58 {
586e49dda652 docs: fix doc for registerUtilMethod; style tweak for internal docs.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
59 /* background: red; */
586e49dda652 docs: fix doc for registerUtilMethod; style tweak for internal docs.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
60 margin-block-end: -0.75em;
586e49dda652 docs: fix doc for registerUtilMethod; style tweak for internal docs.
John Rouillard <rouilj@ieee.org>
parents: 8053
diff changeset
61 }
586e49dda652 docs: fix doc for registerUtilMethod; style tweak for internal docs.
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
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
100 body
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
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);
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
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);
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
106 margin:0;
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
107 padding: 0 3em 0 14em;
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
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 */
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
111 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
112 body > header > div.mobile { display:none; }
7133
b5b1f2830e23 Remove duplicate h1 headers from website
John Rouillard <rouilj@ieee.org>
parents: 6778
diff changeset
113 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
114 body > .footer { margin: 1em 0 1em -14em; clear:both;}
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
115 body > .navigation
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
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;
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
118 margin-left: -14em;
7307
aa024cdf9ffb Correct formating of sidebar on mobile.
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;
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
121 width: 14em;
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
122 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
123 body > .content
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
124 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
125 margin: 0;
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
126 width: 100%;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
127 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
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 }
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
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
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
186 /* style */
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
187
7329
a3dbd44c3642 rejigger text and link colors to match WCAG AA.
John Rouillard <rouilj@ieee.org>
parents: 7325
diff changeset
188 :link { color: rgb(220,0,0); text-decoration: none;}
7497
dcf37ca1a47d Reduce line height for headers; change link decorations
John Rouillard <rouilj@ieee.org>
parents: 7476
diff changeset
189 :link:hover {
7519
c1ef0827705a Clamp link underline to max 4px
John Rouillard <rouilj@ieee.org>
parents: 7508
diff changeset
190 text-decoration: underline solid clamp(1px, .3ex, 4px);
7497
dcf37ca1a47d Reduce line height for headers; change link decorations
John Rouillard <rouilj@ieee.org>
parents: 7476
diff changeset
191 text-underline-position: under;
dcf37ca1a47d Reduce line height for headers; change link decorations
John Rouillard <rouilj@ieee.org>
parents: 7476
diff changeset
192 }
7508
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
193 :visited { color: rgb(200,0,0); text-decoration: none;}
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
194 :visited:hover {
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
195 /* would like to change from solid line to dashed, but
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
196 because of privacy abusing people I can't change that
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
197 value. So settle for darkgrey underline.
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
198 */
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
199 text-decoration-color: darkgrey;
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
200 }
055f47b41b8b Try to improve visited link contrast
John Rouillard <rouilj@ieee.org>
parents: 7497
diff changeset
201
8051
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
202 :is(h1,h2,h3,h4) > :link:hover { text-underline-offset: -0.1em; }
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
203
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
204 a.toc-backref { color: #000000; }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
205
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
206 .header h1 { margin-left: 1em; }
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 .menu { padding: 0; margin-right: 1em;}
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
209 .menu ul
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
210 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
211 padding: 0;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
212 margin: 0;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
213 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
214 .menu li
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 margin: 5pt 0;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
217 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
218 .menu > ul > li > *
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
219 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
220 display: block;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
221 padding: 2pt 2pt 2pt 10pt;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
222 border: solid thin #dadada;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
223 background-color:#ffffff;
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 .menu > ul > li.current > *
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
226 {
7476
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
227 background-color: #f0f0f0;
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
228 border-block-end: solid medium #cccccc;
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
229 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
230
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
231 .menu ul li:first-child { margin-top:0;}
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
232 .menu ul { list-style-type:none;}
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 /* sub-menus are indented */
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
235 .menu > ul > li > ul,
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
236 .menu > ul > li.current > ul
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 border:none;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
239 background-color: inherit;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
240 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
241 .menu ul ul
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
242 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
243 margin-left: 1em;
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
244 font-size: smaller;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
245 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
246
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
247 /* sub-menu items draw a separator */
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
248 .menu ul ul > li
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
249 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
250 margin: 0;
7356
ff5a50069822 Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents: 7346
diff changeset
251 padding: 0.5em;
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
252 border: none;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
253 border-top: solid thin #dadada;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
254 background-color: inherit;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
255 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
256 .menu ul ul > li:first-child
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
257 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
258 border-top: none;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
259 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
260
7476
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
261 /* make submenu items clickable cross whole width of menu */
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
262 .menu ul ul > li > a {
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
263 display: block;
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
264 }
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
265
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
266 .menu ul li.toctree-l2.current {
7476
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
267 background-color: #f0f0f0;
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
268 border-inline-start: solid 2px rgb(220, 0, 0);
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
269 padding-block: 1em;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
270 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
271
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
272 /* related */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
273 div.related
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
274 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
275 width: 100%;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
276 font-size: 90%;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
277 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
278 div.related-top { border-bottom: solid thin #dadada;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
279 div.related-bottom { border-top: solid thin #dadada;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
280
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
281 div.related ul
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
282 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
283 margin: 0;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
284 padding: 0 0 0 10px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
285 list-style: none;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
286 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
287
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
288 div.related li { display: inline;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
289
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
290 div.related li.right
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
291 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
292 float: right;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
293 margin-right: 5px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
294 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
295
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
296 .footer
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
297 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
298 font-size: small;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
299 text-align: center;
6253
7849d8c7d917 Improve accessibiity, SEO
John Rouillard <rouilj@ieee.org>
parents: 6163
diff changeset
300 color: black;
4022
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
4819
48296d636a40 website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents: 4139
diff changeset
303 .footer img {
48296d636a40 website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents: 4139
diff changeset
304 vertical-align: middle;
48296d636a40 website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents: 4139
diff changeset
305 }
48296d636a40 website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents: 4139
diff changeset
306
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
307 .content
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
308 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
309 padding: 1em;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
310 border: solid thin #dadada;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
311 background-color: #f7f7f7;
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
312 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
313
7467
92fb16035d92 Reclass release info badge block on home page.
John Rouillard <rouilj@ieee.org>
parents: 7462
diff changeset
314 /* style for the floating release_info badge block on the home page */
92fb16035d92 Reclass release info badge block on home page.
John Rouillard <rouilj@ieee.org>
parents: 7462
diff changeset
315 #roundup-issue-tracker .release_info
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
316 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
317 float: right;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
318 width: auto;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
319 border: solid thin #dadada;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
320 background-color:#f5f5f5;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
321 padding: 1em;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
322 margin: 1em;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
323 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
324
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
325 table
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
326 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
327 border-collapse: collapse;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
328 border-spacing: 1px;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
329 background-color: #fafafa;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
330 }
4139
76533e846989 Refine.
Stefan Seefeld <stefan@users.sourceforge.net>
parents: 4022
diff changeset
331
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
332 table:has(caption) {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
333 margin-block: 1em;
4820
2b7425b24243 website: Revise contacts page, add links to archives and web IRC
anatoly techtonik <techtonik@gmail.com>
parents: 4819
diff changeset
334 }
6763
d93b441ee778 Handle build issues, update css for mobile
John Rouillard <rouilj@ieee.org>
parents: 6253
diff changeset
335
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
336 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
337
4553614a2b22 move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents: 7133
diff changeset
338 table.footnote {
7373
5e9b0ff1c695 Extend fluid fonts and record location.
John Rouillard <rouilj@ieee.org>
parents: 7366
diff changeset
339 font-size: var(--_font-level_-1);
7313
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
340 position: relative
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
341 }
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
342
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
343 table.footnote::before {
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
344 border: 1px solid black;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
345 content: "";
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
346 left: 0;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
347 position: absolute;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
348 top: 0;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
349 width: 25%;
7137
4553614a2b22 move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents: 7133
diff changeset
350 }
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
351
7384
639a926cbb1a Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents: 7383
diff changeset
352 table.captionbelow {
639a926cbb1a Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents: 7383
diff changeset
353 caption-side: bottom;
639a926cbb1a Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents: 7383
diff changeset
354 }
639a926cbb1a Add style for captionbelow class for tables
John Rouillard <rouilj@ieee.org>
parents: 7383
diff changeset
355
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
356 td {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
357 /* pull text away from borders */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
358 padding-inline: 0.5em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
359 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
360
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
361 td > p {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
362 /* remove top margin on a p inside table cell so that
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
363 columns with paragraphs align at top of cell rather
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
364 than leaving a blank margin */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
365 margin-block-start: 0px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
366 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
367
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
368 input, textarea { border-width: 1px; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
369
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
370 a.headerlink {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
371 font-size: 0.8em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
372 margin-left: 0.3em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
373 color: #c99;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
374 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
375
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
376 div.admonition {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
377 padding-inline: 1em;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
378 padding-block: 0.25em;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
379 border-inline-start: grey solid 4px;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
380 background-color: #dfdfdf;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
381 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
382
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
383 div.admonition.caution {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
384 border-inline-start: red solid 4px;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
385 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
386
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
387 div.admonition.warning {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
388 border-inline-start: yellow solid 4px;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
389 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
390
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
391 p.admonition-title {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
392 border-block-end: grey solid 2px;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
393 font-weight: bold;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
394 font-size: larger;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
395 margin-block: 0;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
396 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
397
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
398 div.admonition.caution p.admonition-title {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
399 border-block-end: red solid 2px;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
400 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
401
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
402 dt { font-weight: bold; margin-block-start: 1em;}
7314
4917bb4b5eac Setup spacing with lobotmized owl; close space between dt/dd.
John Rouillard <rouilj@ieee.org>
parents: 7313
diff changeset
403 dt + dd { margin-block-start: 0.25em; }
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
404 dd p.first { margin-block-start: 0; }
7346
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
405 dd > ul:first-child {
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
406 /* 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
407 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
408 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
409 on ul. */
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
410 margin-inline-start: -32px;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
411 }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
412
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
413 #skiplink { display: block;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
414 margin-block-start: 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
415 margin-inline-start: 1em;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
416 #skiplink a {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
417 /* force stuff for screenreader off screen */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
418 position:absolute;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
419 left:-10000px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
420 top:auto;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
421 width:1px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
422 height:1px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
423 overflow:hidden;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
424 padding: 0 0.75em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
425 font-weight: bold;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
426 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
427 #skiplink a:focus { position: static;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
428 width: auto;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
429 height: auto; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
430
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
431 /* remove solid black border when focus is around the main section
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
432 due to activation of skip-link. Page jumps there, that's enough. */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
433 #main:focus-visible {outline: none;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
434
7297
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7295
diff changeset
435 /* Prevent examples from extending outside the viewport */
7317
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
436 /*div.highlight > pre {
7297
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7295
diff changeset
437 overflow-wrap: anywhere;
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7295
diff changeset
438 white-space: break-spaces;
7317
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
439 }*/
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
440
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
441 /* Forcing wrap in a pre leads to some confusing line breaks.
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
442 Use a horizontal scroll. Indicate the scroll by using
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
443 rounded scroll shadows.
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
444
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
445 https://css-tricks.com/books/greatest-css-tricks/scroll-shadows/
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
446 https://blogit.create.pt/pedrolopes/2022/03/24/css-scroll-shadows/
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
447 */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
448 div.highlight > pre {
7319
2a78ade9a5eb Replace invlid none value for overflow-wrap.
John Rouillard <rouilj@ieee.org>
parents: 7318
diff changeset
449 overflow-wrap: normal;
7317
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
450 overflow-x: auto;
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
451 /* Shadows */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
452 background-image:
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
453 /* Shadow covers */
7362
527cad3a860c color and full width example pre; change way to do max width
John Rouillard <rouilj@ieee.org>
parents: 7356
diff changeset
454 linear-gradient(to right, #f5f4d8, #f5f4d8),
527cad3a860c color and full width example pre; change way to do max width
John Rouillard <rouilj@ieee.org>
parents: 7356
diff changeset
455 linear-gradient(to right, #f5f4d8, #f5f4d8),
7317
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
456 /* Shadow */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
457 radial-gradient(farthest-side at 0px 50%,
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
458 rgba(0, 0, 20, 0.5), rgba(255, 255, 255, 0)),
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
459 radial-gradient(farthest-side at 100% 50%,
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
460 rgba(0, 0, 20, 0.5), rgba(255, 255, 255, 0));
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
461 /* square shadows */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
462 /*
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
463 linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)),
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
464 linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
465 */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
466 background-position: left center, right center,
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
467 left center, right center;
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
468 background-repeat: no-repeat;
7362
527cad3a860c color and full width example pre; change way to do max width
John Rouillard <rouilj@ieee.org>
parents: 7356
diff changeset
469 background-color: #f5f4d8;
7317
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
470 background-size: 20px 100%, 20px 100%, 16px 100%, 16px 100%;
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
471 background-attachment: local, local, scroll, scroll;
7471
a4987f5ebee0 Add padding around code examples.
John Rouillard <rouilj@ieee.org>
parents: 7469
diff changeset
472 padding: 0.5em;
7297
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7295
diff changeset
473 }
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7295
diff changeset
474
7430
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
475 /* https://moderncss.dev/totally-custom-list-styles/ make a list
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
476 use multiple columns */
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
477 ul.multicol {
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
478 display: grid;
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
479 /* adjust the `min` value to your context */
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
480 grid-template-columns: repeat(auto-fill, minmax(25ch, 1fr));
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
481 grid-gap: 0 1rem; /* no row gap */
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
482 }
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
483 ul.multicol > * {
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
484 margin-block-start: 0; /* remove spacing added by * + * here */
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
485 }
bd5bebb11695 add headers; make signature list multicolum
John Rouillard <rouilj@ieee.org>
parents: 7384
diff changeset
486
7437
0d9f704a7ef2 Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents: 7431
diff changeset
487 div.file_insert { /* use to insert COPYING into license.txt */
0d9f704a7ef2 Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents: 7431
diff changeset
488 background: #f3f1cc;
0d9f704a7ef2 Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents: 7431
diff changeset
489 padding-inline: 0.5em;
0d9f704a7ef2 Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents: 7431
diff changeset
490 }
0d9f704a7ef2 Reformat inclusion of COPYING.txt into license.txt.
John Rouillard <rouilj@ieee.org>
parents: 7431
diff changeset
491
7732
9ed6f48c43c5 doc: make table alignment on both doc and website/www
John Rouillard <rouilj@ieee.org>
parents: 7731
diff changeset
492 table.valign-top tbody td { vertical-align: top; }
9ed6f48c43c5 doc: make table alignment on both doc and website/www
John Rouillard <rouilj@ieee.org>
parents: 7731
diff changeset
493
8051
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
494 .footnote-list {
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
495 border: lightgrey dotted 2px;
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
496 font-size: smaller;
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
497 margin-inline: 2em;
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
498 padding-inline: 1em;
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
499 }
878cec551d86 docs: change css for footnotes and links in headers
John Rouillard <rouilj@ieee.org>
parents: 7732
diff changeset
500
8053
740c1c5d9ec4 docs: move first paragraph close to footnote return link
John Rouillard <rouilj@ieee.org>
parents: 8051
diff changeset
501 aside.footnote > span + p { margin-block-start: unset; }
740c1c5d9ec4 docs: move first paragraph close to footnote return link
John Rouillard <rouilj@ieee.org>
parents: 8051
diff changeset
502
7476
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
503 /* consider highlighting header element that is a target */
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
504 /*
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
505 :target > :is(h1,h2,h3,h4,h5,h6) {
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
506 background: rgb(254, 227, 227);
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
507 outline: rgb(254, 227, 227) solid 3px;
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
508 padding: 0.3em;
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
509 }
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
510 */
6dca1626f652 Solve 2 axe contrast issues; make menu links fill block
John Rouillard <rouilj@ieee.org>
parents: 7471
diff changeset
511
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
512 /* website only */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
513 /* assume desktop reader for local html files, also no contact
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
514 page for local doc files */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
515
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
516 @media only screen and (max-width:960px) {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
517 /* setup for layout/page frame */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
518 body { padding-inline-start: unset; /* remove space for float menu */}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
519 body > .header { margin-inline-start: unset;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
520 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
521 body > .navigation { float: none;
a2dfb82456af Make top of navigation bock align with main block.
John Rouillard <rouilj@ieee.org>
parents: 7467
diff changeset
522 margin-block-start: unset;
a2dfb82456af Make top of navigation bock align with main block.
John Rouillard <rouilj@ieee.org>
parents: 7467
diff changeset
523 margin-inline-start: unset;
7307
aa024cdf9ffb Correct formating of sidebar on mobile.
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
524 width: unset;
7469
a2dfb82456af Make top of navigation bock align with main block.
John Rouillard <rouilj@ieee.org>
parents: 7467
diff changeset
525 }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
526 body > .navigation li > ul > li { padding-block: 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
527 /* move links away from each other */ }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
528 #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
529 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
530 display: block;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
531 margin-inline-start: 0.5em;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
532 max-width: 48%;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
533 }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
534
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
535 /* 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
536 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
537 display: block;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
538 font-size: small;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
539 }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
540 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
541
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
542 body > .footer { margin-inline-start: 1em; }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
543
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
544 /* changes for content */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
545 /* stop paths and things from overflowing the viewport. */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
546 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
547
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
548 /* 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
549 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
550 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
551
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
552 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
553
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
554 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
555 /* 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
556 padding-inline-start: 1em;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
557 }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
558 #subnav {
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
559 margin-block-end: 1em;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
560 min-height: 48px;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
561 }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
562
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
563 /* 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
564 links on small devices */
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
565 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
566
e1d06d4dc81f Adjust multicol links to be larger on narrow width (mobile) devices.
John Rouillard <rouilj@ieee.org>
parents: 7430
diff changeset
567 ul.multicol a {
e1d06d4dc81f Adjust multicol links to be larger on narrow width (mobile) devices.
John Rouillard <rouilj@ieee.org>
parents: 7430
diff changeset
568 display: inline-block;
e1d06d4dc81f Adjust multicol links to be larger on narrow width (mobile) devices.
John Rouillard <rouilj@ieee.org>
parents: 7430
diff changeset
569 min-height: 48px;
e1d06d4dc81f Adjust multicol links to be larger on narrow width (mobile) devices.
John Rouillard <rouilj@ieee.org>
parents: 7430
diff changeset
570 }
e1d06d4dc81f Adjust multicol links to be larger on narrow width (mobile) devices.
John Rouillard <rouilj@ieee.org>
parents: 7430
diff changeset
571
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
572 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
573
7346
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
574 @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
575 /* 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
576 #searchbox { max-width: 48%; }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
577 #searchbox > form {
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
578 align-items: flex-end;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
579 display: inline-flex;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
580 flex-direction: column;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
581 }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
582 #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
583 }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
584 /* Contact page */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
585 div#contact table td {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
586 white-space: nowrap;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
587 padding: 1pt 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
588 }

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