annotate website/www/_static/style.css @ 7346:4295ac110551

Ad skiplink to main on moblie; fix overlapping links On mobile, the Roundup label at the top of the stacked table of contents becomes a link to jump to the top of the main body of the page. Without this there is no indication that a link on the main menu has been clicked and there is a lot of scrolling to get to the real content of the page. Ideally the left sidebar would become a menu link an be shown only when activated but .... Ran the top level pages through lighthouse to see how they do on mobile. Style changes added to fix links that overlap; fix links that were incorrectly displayed as blocks rather than in running text. Fixes some spacing issues with nested lists inside definition lists definition (dd) tags. Removed some indent when TOC follows n H1 header. Wrap search box on smaller screens so the search box doesn't overlap the jump link. Add back left margin to footer. Tried to prevent overlap with the prev/next/index submenu. It's better but still not good.
author John Rouillard <rouilj@ieee.org>
date Sun, 14 May 2023 15:39:13 -0400
parents a3dbd44c3642
children ff5a50069822
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
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
7 https://set.studio/some-simple-ways-to-make-content-look-good/
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 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
11 --_font-level-0: var(--font-level-0,
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
12 clamp(1rem,
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
13 0.96rem + 0.22vw,
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
14 1.13rem)
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
15 );
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
16 --_font-level-1: var(--font-level-1,
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
17 clamp(
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
18 1.25 * var(--_font-level-0),
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
19 1.16rem + 0.43vw,
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
20 1.5rem)
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
21 );
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
22 --_font-level-2: var(--font-level-2,
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
23 clamp(
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
24 1.25 * var(--_font-level-1),
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
25 1.41rem + 0.76vw,
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
26 2rem)
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
27 );
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
28 --_font-level-3: var(--font-level-3,
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
29 clamp(
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
30 1.25 * var(--_font-level-2),
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
31 1.71rem + 1.24vw,
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
32 2.66rem)
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
33 );
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
34 --_font-level-4: var(--font-level-4,
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
35 clamp(
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
36 1.25 * var(--_font-level-3),
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
37 2.05rem + 1.93vw,
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
38 3.55rem)
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
39 );
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
40 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
41
7314
4917bb4b5eac Setup spacing with lobotmized owl; close space between dt/dd.
John Rouillard <rouilj@ieee.org>
parents: 7313
diff changeset
42 * + * { 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
43
7324
ed0285b8c9b4 Override lobotmized owl for badge display
John Rouillard <rouilj@ieee.org>
parents: 7319
diff changeset
44 /* 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
45 badge displays */
7325
49bc6d66f536 correct fix for last change.
John Rouillard <rouilj@ieee.org>
parents: 7324
diff changeset
46 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
47 margin-block-start: 0.25em;
a5dd4893d089 Close spacing in the master TOC as well.
John Rouillard <rouilj@ieee.org>
parents: 7317
diff changeset
48 }
7317
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
49
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
50 h1, h2, h3, h4, h5, h6 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
51 line-height: 1.25;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
52 /* Larger spacing before header and smaller after to make
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
53 header part of following section */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
54 margin-block-end: 0.3em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
55 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
56
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
57 h1 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
58 font-size: var(--_font-level-4);
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
59 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
60
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
61 /* remove whitespace at top of main column */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
62 main h1 { margin-block-start: 0; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
63
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
64 h2 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
65 font-size: var(--_font-level-3);
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
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
68 h3 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
69 font-size: var(--_font-level-2);
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
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
72 h4 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
73 font-size: var(--_font-level-1);
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 /* snug header up to first paragraph of it's section. */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
77 :is(h1,h2,h3,h4,h5,h6) + p {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
78 margin-block-start: 0;
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
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
81 body
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
82 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
83 background-color: #f5f5f5;
7329
a3dbd44c3642 rejigger text and link colors to match WCAG AA.
John Rouillard <rouilj@ieee.org>
parents: 7325
diff changeset
84 color: rgb(20,20,20);
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
85 font-family: sans-serif, Arial, Helvetica;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
86 font-size: var(--_font-level-0);
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
87 margin:0;
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
88 padding: 0 3em 0 14em;
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
89 }
7290
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 /* -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
92 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
93 body > header > div.mobile { display:none; }
7133
b5b1f2830e23 Remove duplicate h1 headers from website
John Rouillard <rouilj@ieee.org>
parents: 6778
diff changeset
94 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
95 body > .footer { margin: 1em 0 1em -14em; clear:both;}
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
96 body > .navigation
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
97 {
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
98 margin-left: -14em;
7307
aa024cdf9ffb Correct formating of sidebar on mobile.
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
99 margin-inline-start: -14em;
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
100 width: 14em;
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
101 float: left;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
102 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
103 body > .content
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
104 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
105 margin: 0;
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
106 width: 100%;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
107 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
108 body > .header > #searchbox { position: absolute; right: 1em; top: 1em;}
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
109 body > .content > #subnav { position: absolute; right: 1.5em; top: 6em;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
110
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
111 /* limit width of main column to 65 characters. On wider screens can
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
112 be 100+ chars: too wide */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
113 main {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
114 max-width: 65ch;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
115 line-height: calc(1.5 * 1em);
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
116 }
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
117
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
118 /* style */
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
119
7329
a3dbd44c3642 rejigger text and link colors to match WCAG AA.
John Rouillard <rouilj@ieee.org>
parents: 7325
diff changeset
120 :link { color: rgb(220,0,0); text-decoration: none;}
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
121 :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
122 :visited { color: rgb(187,0,0); text-decoration: none;}
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
123 a.toc-backref { color: #000000; }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
124
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
125 .header h1 { margin-left: 1em; }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
126
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
127 .menu { padding: 0; margin-right: 1em;}
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
128 .menu ul
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
129 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
130 padding: 0;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
131 margin: 0;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
132 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
133 .menu li
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
134 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
135 margin: 5pt 0;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
136 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
137 .menu > ul > li > *
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
138 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
139 display: block;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
140 padding: 2pt 2pt 2pt 10pt;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
141 border: solid thin #dadada;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
142 background-color:#ffffff;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
143 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
144 .menu > ul > li.current > *
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
145 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
146 background-color:#dddddd;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
147 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
148
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
149 .menu ul li:first-child { margin-top:0;}
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
150 .menu ul { list-style-type:none;}
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
151
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
152 /* sub-menus are indented */
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
153 .menu > ul > li > ul,
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
154 .menu > ul > li.current > ul
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
155 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
156 border:none;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
157 background-color: inherit;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
158 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
159 .menu ul ul
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
160 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
161 margin-left: 1em;
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
162 font-size: smaller;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
163 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
164
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
165 /* sub-menu items draw a separator */
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
166 .menu ul ul > li
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
167 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
168 margin: 0;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
169 padding: 0;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
170 border: none;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
171 border-top: solid thin #dadada;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
172 background-color: inherit;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
173 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
174 .menu ul ul > li:first-child
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
175 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
176 border-top: none;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
177 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
178
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
179 .menu ul li.toctree-l2.current {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
180 background-color: #dddddd;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
181 pading-block: 0.25em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
182 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
183
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
184 /* related */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
185 div.related
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
186 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
187 width: 100%;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
188 font-size: 90%;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
189 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
190 div.related-top { border-bottom: solid thin #dadada;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
191 div.related-bottom { border-top: solid thin #dadada;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
192
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
193 div.related ul
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
194 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
195 margin: 0;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
196 padding: 0 0 0 10px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
197 list-style: none;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
198 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
199
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
200 div.related li { display: inline;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
201
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
202 div.related li.right
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
203 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
204 float: right;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
205 margin-right: 5px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
206 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
207
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
208 .footer
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
209 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
210 font-size: small;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
211 text-align: center;
6253
7849d8c7d917 Improve accessibiity, SEO
John Rouillard <rouilj@ieee.org>
parents: 6163
diff changeset
212 color: black;
4022
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
4819
48296d636a40 website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents: 4139
diff changeset
215 .footer img {
48296d636a40 website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents: 4139
diff changeset
216 vertical-align: middle;
48296d636a40 website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents: 4139
diff changeset
217 }
48296d636a40 website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents: 4139
diff changeset
218
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
219 .content
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
220 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
221 padding: 1em;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
222 border: solid thin #dadada;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
223 background-color: #f7f7f7;
4022
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
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
226 /* This is a little hack to inject a 'news' block into the title
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
227 page without having to set up a custom directive. */
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
228 #roundup-issue-tracker .note
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 float: right;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
231 width: auto;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
232 border: solid thin #dadada;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
233 background-color:#f5f5f5;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
234 padding: 1em;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
235 margin: 1em;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
236 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
237 #roundup-issue-tracker .note .admonition-title { display: none; }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
238
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
239 table
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 border-collapse: collapse;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
242 border-spacing: 1px;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
243 background-color: #fafafa;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
244 }
4139
76533e846989 Refine.
Stefan Seefeld <stefan@users.sourceforge.net>
parents: 4022
diff changeset
245
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
246 table:has(caption) {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
247 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
248 }
6763
d93b441ee778 Handle build issues, update css for mobile
John Rouillard <rouilj@ieee.org>
parents: 6253
diff changeset
249
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
250 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
251
4553614a2b22 move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents: 7133
diff changeset
252 table.footnote {
4553614a2b22 move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents: 7133
diff changeset
253 font-size: calc(1em - 1pt);
7313
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
254 position: relative
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
255 }
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
256
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
257 table.footnote::before {
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
258 border: 1px solid black;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
259 content: "";
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
260 left: 0;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
261 position: absolute;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
262 top: 0;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
263 width: 25%;
7137
4553614a2b22 move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents: 7133
diff changeset
264 }
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
265
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
266 td {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
267 /* pull text away from borders */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
268 padding-inline: 0.5em;
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
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
271 td > p {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
272 /* remove top margin on a p inside table cell so that
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
273 columns with paragraphs align at top of cell rather
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
274 than leaving a blank margin */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
275 margin-block-start: 0px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
276 }
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 input, textarea { border-width: 1px; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
279
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
280 a.headerlink {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
281 font-size: 0.8em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
282 margin-left: 0.3em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
283 color: #c99;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
284 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
285
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
286 div.admonition {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
287 padding-inline: 1em;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
288 padding-block: 0.25em;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
289 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
290 background-color: #dfdfdf;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
291 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
292
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
293 div.admonition.caution {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
294 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
295 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
296
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
297 div.admonition.warning {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
298 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
299 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
300
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
301 p.admonition-title {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
302 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
303 font-weight: bold;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
304 font-size: larger;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
305 margin-block: 0;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
306 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
307
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
308 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
309 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
310 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
311
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
312 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
313 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
314 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
315 dd > ul:first-child {
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
316 /* 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
317 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
318 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
319 on ul. */
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
320 margin-inline-start: -32px;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
321 }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
322
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
323 #skiplink { display: block;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
324 margin-block-start: 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
325 margin-inline-start: 1em;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
326 #skiplink a {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
327 /* force stuff for screenreader off screen */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
328 position:absolute;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
329 left:-10000px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
330 top:auto;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
331 width:1px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
332 height:1px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
333 overflow:hidden;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
334 padding: 0 0.75em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
335 font-weight: bold;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
336 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
337 #skiplink a:focus { position: static;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
338 width: auto;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
339 height: auto; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
340
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
341 /* remove solid black border when focus is around the main section
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
342 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
343 #main:focus-visible {outline: none;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
344
7297
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7295
diff changeset
345 /* 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
346 /*div.highlight > pre {
7297
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7295
diff changeset
347 overflow-wrap: anywhere;
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7295
diff changeset
348 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
349 }*/
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
350
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
351 /* 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
352 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
353 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
354
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
355 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
356 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
357 */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
358 div.highlight > pre {
7319
2a78ade9a5eb Replace invlid none value for overflow-wrap.
John Rouillard <rouilj@ieee.org>
parents: 7318
diff changeset
359 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
360 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
361 /* Shadows */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
362 background-image:
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
363 /* Shadow covers */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
364 linear-gradient(to right, white, white),
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
365 linear-gradient(to right, white, white),
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
366 /* Shadow */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
367 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
368 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
369 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
370 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
371 /* square shadows */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
372 /*
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
373 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
374 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
375 */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
376 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
377 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
378 background-repeat: no-repeat;
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
379 background-color: white;
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
380 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
381 background-attachment: local, local, scroll, scroll;
7297
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7295
diff changeset
382 }
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7295
diff changeset
383
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
384 /* website only */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
385 /* assume desktop reader for local html files, also no contact
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
386 page for local doc files */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
387
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
388 @media only screen and (max-width:960px) {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
389 /* setup for layout/page frame */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
390 body { padding-inline-start: unset; /* remove space for float menu */}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
391 body > .header { margin-inline-start: unset;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
392 margin-block-start: 3em; /* move down from search */}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
393 body > .navigation { margin-inline-start: unset;
7307
aa024cdf9ffb Correct formating of sidebar on mobile.
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
394 width: unset;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
395 float: none;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
396 body > .navigation li > ul > li { padding-block: 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
397 /* move links away from each other */ }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
398 #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
399 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
400 display: block;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
401 margin-inline-start: 0.5em;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
402 max-width: 48%;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
403 }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
404
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
405 /* 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
406 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
407 display: block;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
408 font-size: small;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
409 }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
410 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
411
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
412 body > .footer { margin-inline-start: 1em; }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
413
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
414 /* changes for content */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
415 /* stop paths and things from overflowing the viewport. */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
416 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
417
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
418 /* 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
419 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
420 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
421
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
422 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
423
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
424 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
425 /* 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
426 padding-inline-start: 1em;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
427 }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
428 #subnav {
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
429 margin-block-end: 1em;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
430 min-height: 48px;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
431 }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
432
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
433 /* 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
434 links on small devices */
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
435 table.linkspacing tr {height: 48px;}
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
436 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
437
7346
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
438 @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
439 /* 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
440 #searchbox { max-width: 48%; }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
441 #searchbox > form {
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
442 align-items: flex-end;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
443 display: inline-flex;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
444 flex-direction: column;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
445 }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
446 #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
447 }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
448 /* Contact page */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
449 div#contact table td {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
450 white-space: nowrap;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
451 padding: 1pt 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
452 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
453

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