annotate website/www/_static/style.css @ 7362:527cad3a860c

color and full width example pre; change way to do max width Color pre blocks light yellow so they stand out from background. The white background wasn't enough contrast to make them scannable. Also try to make pre blocks full bleed to the right to use all available screen space without overflowing the screen. This makes viewing, cut/paste etc. the examples easier. When pre extends past edge of screen, pre will overflow and scrolling will kick in. I still have an issue with pre inside tables. They cause the table to overflow. Hence the page needs to be x-scrolled. I can change the restructured text to insert a div/container and set the conteiner to scroll on overflow, but I don't have another good answer at the moment.
author John Rouillard <rouilj@ieee.org>
date Tue, 16 May 2023 19:37:13 -0400
parents ff5a50069822
children 8811f1934a79
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 main {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
112 line-height: calc(1.5 * 1em);
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
113 }
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
114
7362
527cad3a860c color and full width example pre; change way to do max width
John Rouillard <rouilj@ieee.org>
parents: 7356
diff changeset
115 /* limit width of items in main column to 65 characters. On
527cad3a860c color and full width example pre; change way to do max width
John Rouillard <rouilj@ieee.org>
parents: 7356
diff changeset
116 wider screens can be 100+ chars: too wide */
527cad3a860c color and full width example pre; change way to do max width
John Rouillard <rouilj@ieee.org>
parents: 7356
diff changeset
117 main p, main:is(H1, H2, H3, H4, H5, H6), {max-width: 65ch;}
527cad3a860c color and full width example pre; change way to do max width
John Rouillard <rouilj@ieee.org>
parents: 7356
diff changeset
118 main table { width: 65ch; }
527cad3a860c color and full width example pre; change way to do max width
John Rouillard <rouilj@ieee.org>
parents: 7356
diff changeset
119
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
120 /* style */
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
121
7329
a3dbd44c3642 rejigger text and link colors to match WCAG AA.
John Rouillard <rouilj@ieee.org>
parents: 7325
diff changeset
122 :link { color: rgb(220,0,0); text-decoration: none;}
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
123 :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
124 :visited { color: rgb(187,0,0); text-decoration: none;}
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
125 a.toc-backref { color: #000000; }
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 .header h1 { margin-left: 1em; }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
128
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
129 .menu { padding: 0; margin-right: 1em;}
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
130 .menu ul
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
131 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
132 padding: 0;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
133 margin: 0;
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 .menu li
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 margin: 5pt 0;
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 .menu > ul > li > *
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
140 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
141 display: block;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
142 padding: 2pt 2pt 2pt 10pt;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
143 border: solid thin #dadada;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
144 background-color:#ffffff;
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 .menu > ul > li.current > *
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 background-color:#dddddd;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
149 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
150
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
151 .menu ul li:first-child { margin-top:0;}
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
152 .menu ul { list-style-type:none;}
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
153
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
154 /* sub-menus are indented */
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
155 .menu > ul > li > ul,
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
156 .menu > ul > li.current > ul
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
157 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
158 border:none;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
159 background-color: inherit;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
160 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
161 .menu ul ul
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
162 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
163 margin-left: 1em;
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
164 font-size: smaller;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
165 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
166
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
167 /* sub-menu items draw a separator */
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
168 .menu ul ul > li
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
169 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
170 margin: 0;
7356
ff5a50069822 Add space between level 2 items in left menu/sidebar.
John Rouillard <rouilj@ieee.org>
parents: 7346
diff changeset
171 padding: 0.5em;
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
172 border: none;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
173 border-top: solid thin #dadada;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
174 background-color: inherit;
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 .menu ul ul > li:first-child
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 border-top: none;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
179 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
180
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
181 .menu ul li.toctree-l2.current {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
182 background-color: #dddddd;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
183 pading-block: 0.25em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
184 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
185
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
186 /* related */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
187 div.related
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
188 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
189 width: 100%;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
190 font-size: 90%;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
191 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
192 div.related-top { border-bottom: solid thin #dadada;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
193 div.related-bottom { border-top: solid thin #dadada;}
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 div.related ul
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
196 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
197 margin: 0;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
198 padding: 0 0 0 10px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
199 list-style: none;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
200 }
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 { display: inline;}
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 div.related li.right
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
205 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
206 float: right;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
207 margin-right: 5px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
208 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
209
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
210 .footer
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
211 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
212 font-size: small;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
213 text-align: center;
6253
7849d8c7d917 Improve accessibiity, SEO
John Rouillard <rouilj@ieee.org>
parents: 6163
diff changeset
214 color: black;
4022
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
4819
48296d636a40 website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents: 4139
diff changeset
217 .footer img {
48296d636a40 website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents: 4139
diff changeset
218 vertical-align: middle;
48296d636a40 website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents: 4139
diff changeset
219 }
48296d636a40 website: Align SourceForge logo in footer
anatoly techtonik <techtonik@gmail.com>
parents: 4139
diff changeset
220
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
221 .content
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
222 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
223 padding: 1em;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
224 border: solid thin #dadada;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
225 background-color: #f7f7f7;
4022
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
226 }
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
227
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
228 /* 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
229 page without having to set up a custom directive. */
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
230 #roundup-issue-tracker .note
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
231 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
232 float: right;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
233 width: auto;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
234 border: solid thin #dadada;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
235 background-color:#f5f5f5;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
236 padding: 1em;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
237 margin: 1em;
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 #roundup-issue-tracker .note .admonition-title { display: none; }
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 table
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
242 {
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
243 border-collapse: collapse;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
244 border-spacing: 1px;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
245 background-color: #fafafa;
d62831da3941 svn repository setup
Stefan Seefeld <stefan@users.sourceforge.net>
parents:
diff changeset
246 }
4139
76533e846989 Refine.
Stefan Seefeld <stefan@users.sourceforge.net>
parents: 4022
diff changeset
247
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
248 table:has(caption) {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
249 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
250 }
6763
d93b441ee778 Handle build issues, update css for mobile
John Rouillard <rouilj@ieee.org>
parents: 6253
diff changeset
251
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
252 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
253
4553614a2b22 move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents: 7133
diff changeset
254 table.footnote {
4553614a2b22 move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents: 7133
diff changeset
255 font-size: calc(1em - 1pt);
7313
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
256 position: relative
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
257 }
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
258
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
259 table.footnote::before {
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
260 border: 1px solid black;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
261 content: "";
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
262 left: 0;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
263 position: absolute;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
264 top: 0;
1a221cf0758b Add line over footnotes
John Rouillard <rouilj@ieee.org>
parents: 7307
diff changeset
265 width: 25%;
7137
4553614a2b22 move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents: 7133
diff changeset
266 }
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
267
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
268 td {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
269 /* pull text away from borders */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
270 padding-inline: 0.5em;
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
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
273 td > p {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
274 /* remove top margin on a p inside table cell so that
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
275 columns with paragraphs align at top of cell rather
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
276 than leaving a blank margin */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
277 margin-block-start: 0px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
278 }
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 input, textarea { border-width: 1px; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
281
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
282 a.headerlink {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
283 font-size: 0.8em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
284 margin-left: 0.3em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
285 color: #c99;
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
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
288 div.admonition {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
289 padding-inline: 1em;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
290 padding-block: 0.25em;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
291 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
292 background-color: #dfdfdf;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
293 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
294
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
295 div.admonition.caution {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
296 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
297 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
298
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
299 div.admonition.warning {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
300 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
301 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
302
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
303 p.admonition-title {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
304 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
305 font-weight: bold;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
306 font-size: larger;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
307 margin-block: 0;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
308 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
309
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
310 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
311 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
312 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
313
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
314 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
315 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
316 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
317 dd > ul:first-child {
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
318 /* 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
319 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
320 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
321 on ul. */
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
322 margin-inline-start: -32px;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
323 }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
324
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
325 #skiplink { display: block;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
326 margin-block-start: 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
327 margin-inline-start: 1em;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
328 #skiplink a {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
329 /* force stuff for screenreader off screen */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
330 position:absolute;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
331 left:-10000px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
332 top:auto;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
333 width:1px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
334 height:1px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
335 overflow:hidden;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
336 padding: 0 0.75em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
337 font-weight: bold;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
338 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
339 #skiplink a:focus { position: static;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
340 width: auto;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
341 height: auto; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
342
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
343 /* remove solid black border when focus is around the main section
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
344 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
345 #main:focus-visible {outline: none;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
346
7297
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7295
diff changeset
347 /* 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
348 /*div.highlight > pre {
7297
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7295
diff changeset
349 overflow-wrap: anywhere;
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7295
diff changeset
350 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
351 }*/
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
352
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
353 /* 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
354 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
355 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
356
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
357 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
358 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
359 */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
360 div.highlight > pre {
7319
2a78ade9a5eb Replace invlid none value for overflow-wrap.
John Rouillard <rouilj@ieee.org>
parents: 7318
diff changeset
361 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
362 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
363 /* Shadows */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
364 background-image:
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
365 /* 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
366 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
367 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
368 /* Shadow */
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 0px 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 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
372 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
373 /* square shadows */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
374 /*
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
375 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
376 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
377 */
7e25424e2169 Fix spacing in TOC; Change pre blocks to scroll w/ scroll shadows
John Rouillard <rouilj@ieee.org>
parents: 7314
diff changeset
378 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
379 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
380 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
381 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
382 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
383 background-attachment: local, local, scroll, scroll;
7297
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7295
diff changeset
384 }
673d8e0d3abf Prevent examples from blowing outside the viewport.
John Rouillard <rouilj@ieee.org>
parents: 7295
diff changeset
385
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
386 /* website only */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
387 /* assume desktop reader for local html files, also no contact
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
388 page for local doc files */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
389
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
390 @media only screen and (max-width:960px) {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
391 /* setup for layout/page frame */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
392 body { padding-inline-start: unset; /* remove space for float menu */}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
393 body > .header { margin-inline-start: unset;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
394 margin-block-start: 3em; /* move down from search */}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
395 body > .navigation { margin-inline-start: unset;
7307
aa024cdf9ffb Correct formating of sidebar on mobile.
John Rouillard <rouilj@ieee.org>
parents: 7297
diff changeset
396 width: unset;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
397 float: none;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
398 body > .navigation li > ul > li { padding-block: 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
399 /* move links away from each other */ }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
400 #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
401 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
402 display: block;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
403 margin-inline-start: 0.5em;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
404 max-width: 48%;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
405 }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
406
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
407 /* 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
408 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
409 display: block;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
410 font-size: small;
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 > 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
413
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
414 body > .footer { margin-inline-start: 1em; }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
415
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
416 /* changes for content */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
417 /* stop paths and things from overflowing the viewport. */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
418 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
419
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
420 /* 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
421 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
422 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
423
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
424 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
425
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
426 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
427 /* 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
428 padding-inline-start: 1em;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
429 }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
430 #subnav {
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
431 margin-block-end: 1em;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
432 min-height: 48px;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
433 }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
434
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
435 /* 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
436 links on small devices */
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
437 table.linkspacing tr {height: 48px;}
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
438 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
439
7346
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
440 @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
441 /* 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
442 #searchbox { max-width: 48%; }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
443 #searchbox > form {
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
444 align-items: flex-end;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
445 display: inline-flex;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
446 flex-direction: column;
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
447 }
4295ac110551 Ad skiplink to main on moblie; fix overlapping links
John Rouillard <rouilj@ieee.org>
parents: 7329
diff changeset
448 #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
449 }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
450 /* Contact page */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
451 div#contact table td {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
452 white-space: nowrap;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
453 padding: 1pt 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
454 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
455

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