annotate doc/_static/style.css @ 7290:7435320ea041

Restyle html documentation Make doc look better. Try to reduce "wall of dense text" effect. 1) fluid type scale apply to headers along with change to line height 2) increase base line height to 1.5 3) increase proximity of header to the section it leads by reducing bottom margin. 4) add decoration for hovered link. Still have WCAG AA issue with contrast between links and base text 5) remove most pure white and pure black from document to reduce eye strain 6) in side nav reduce indent from 2em to 1em to better fit labels 7) use same styles for web site doc and release doc on local disk 8) a 'p' inside a 'table' now aligns with top of table cell by removing top margin. 9) in web doc, highlight the current section
author John Rouillard <rouilj@ieee.org>
date Tue, 25 Apr 2023 18:53:25 -0400
parents 7820cc786b5e
children 673d8e0d3abf
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
1 /* layout*/
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
2
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
3 /* Set up fluid type scale. Major third for smaller screens
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
4 and perfect fourth for larger screens.
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
5 Allow override using --font-level-X.
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
6
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
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
42 h1, h2, h3, h4, h5, h6 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
43 line-height: 1.25;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
44 /* Larger spacing before header and smaller after to make
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
45 header part of following section */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
46 margin-block-end: 0.3em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
47 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
48
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
49 h1 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
50 font-size: var(--_font-level-4);
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
51 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
52
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
53 /* remove whitespace at top of main column */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
54 main h1 { margin-block-start: 0; }
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 h2 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
57 font-size: var(--_font-level-3);
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
58 }
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 h3 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
61 font-size: var(--_font-level-2);
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
62 }
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 h4 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
65 font-size: var(--_font-level-1);
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 /* snug header up to first paragraph of it's section. */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
69 :is(h1,h2,h3,h4,h5,h6) + p {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
70 margin-block-start: 0;
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
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
73 body
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
74 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
75 background-color: #f5f5f5;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
76 color: #222;
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
77 font-family: sans-serif, Arial, Helvetica;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
78 font-size: var(--_font-level-0);
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
79 margin:0;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
80 padding: 0 3em 0 14em;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
81 }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
82
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
83 /* -14em is size of table of contents/nav */
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
84 body > .header { margin: 0 0 0 -14em;}
7133
b5b1f2830e23 Remove duplicate h1 headers from website
John Rouillard <rouilj@ieee.org>
parents: 5030
diff changeset
85 body > .header div.label { font-size: 2em; font-weight: bold; margin: 0.67em 0 0.67em 1em;}
4811
7cf0468a9fa4 Remove duplicated link to page source from doc footer
anatoly techtonik <techtonik@gmail.com>
parents: 4033
diff changeset
86 body > .footer { margin: 1em 0 1em -14em; clear:both;}
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
87 body > .navigation
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
88 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
89 margin-left: -14em;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
90 width: 14em;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
91 float: left;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
92 }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
93 body > .content
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
94 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
95 margin: 0;
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
96 width: 100%;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
97 }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
98 body > .header > #searchbox { position: absolute; right: 1em; top: 1em;}
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
99 body > .content > #subnav { position: absolute; right: 1.5em; top: 6em;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
100
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
101 /* 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
102 be 100+ chars: too wide */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
103 main {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
104 max-width: 65ch;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
105 line-height: calc(1.5 * 1em);
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
106 }
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
107
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
108 /* style */
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
109
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
110 :link { color: #bb0000; text-decoration: none;}
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
111 :link:hover {text-decoration: underline;}
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
112 :visited { color: #770000; text-decoration: none;}
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
113 a.toc-backref { color: #000000; }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
114
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
115 .header h1 { margin-left: 1em; }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
116
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
117 .menu { padding: 0; margin-right: 1em;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
118 .menu ul
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
119 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
120 padding: 0;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
121 margin: 0;
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
122 }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
123 .menu li
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
124 {
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
125 margin: 5pt 0;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
126 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
127 .menu > ul > li > *
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
128 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
129 display: block;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
130 padding: 2pt 2pt 2pt 10pt;
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
131 border: solid thin #dadada;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
132 background-color:#ffffff;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
133 }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
134 .menu > ul > li.current > *
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
135 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
136 background-color:#dddddd;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
137 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
138
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
139 .menu ul li:first-child { margin-top:0;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
140 .menu ul { list-style-type:none;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
141
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
142 /* sub-menus are indented */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
143 .menu > ul > li > ul,
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
144 .menu > ul > li.current > ul
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
145 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
146 border:none;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
147 background-color: inherit;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
148 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
149 .menu ul ul
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
150 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
151 margin-left: 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
152 font-size: smaller;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
153 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
154
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
155 /* sub-menu items draw a separator */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
156 .menu ul ul > li
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
157 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
158 margin: 0;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
159 padding: 0;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
160 border: none;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
161 border-top: solid thin #dadada;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
162 background-color: inherit;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
163 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
164 .menu ul ul > li:first-child
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
165 {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
166 border-top: none;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
167 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
168
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
169 .menu ul li.toctree-l2.current {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
170 background-color: #dddddd;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
171 pading-block: 0.25em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
172 }
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
173
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
174 /* related */
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
175 div.related
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
176 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
177 width: 100%;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
178 font-size: 90%;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
179 }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
180 div.related-top { border-bottom: solid thin #dadada;}
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
181 div.related-bottom { border-top: solid thin #dadada;}
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
182
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
183 div.related ul
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
184 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
185 margin: 0;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
186 padding: 0 0 0 10px;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
187 list-style: none;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
188 }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
189
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
190 div.related li { display: inline;}
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
191
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
192 div.related li.right
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
193 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
194 float: right;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
195 margin-right: 5px;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
196 }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
197
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
198 .footer
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
199 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
200 font-size: small;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
201 text-align: center;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
202 color: black;
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
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
205 .footer img {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
206 vertical-align: middle;
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
207 }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
208
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
209 .content
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
210 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
211 padding: 1em;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
212 border: solid thin #dadada;
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
213 background-color: #f7f7f7;
4033
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
214 }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
215
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
216 /* This is a little hack to inject a 'news' block into the title
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
217 page without having to set up a custom directive. */
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
218 #roundup-issue-tracker .note
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
219 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
220 float: right;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
221 width: auto;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
222 border: solid thin #dadada;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
223 background-color:#f5f5f5;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
224 padding: 1em;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
225 margin: 1em;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
226 }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
227 #roundup-issue-tracker .note .admonition-title { display: none; }
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
228
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
229 table
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
230 {
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
231 border-collapse: collapse;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
232 border-spacing: 1px;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
233 background-color: #fafafa;
bca7c59ac400 Enhance documentation generation.
Stefan Seefeld <stefan@seefeld.name>
parents:
diff changeset
234 }
5030
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
235
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
236 table:has(caption) {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
237 margin-block: 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
238 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
239
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
240 table caption { font-weight: bold; font-size: smaller; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
241
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
242 table.footnote {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
243 font-size: calc(1em - 1pt);
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
244 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
245
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
246 td {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
247 /* pull text away from borders */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
248 padding-inline: 0.5em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
249 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
250
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
251 td > p {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
252 /* remove top margin on a p inside table cell so that
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
253 columns with paragraphs align at top of cell rather
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
254 than leaving a blank margin */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
255 margin-block-start: 0px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
256 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
257
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
258 input, textarea { border-width: 1px; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
259
5030
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
260 a.headerlink {
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
261 font-size: 0.8em;
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
262 margin-left: 0.3em;
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
263 color: #c99;
515ab1749b14 Preparing 1.5.1 steps 7/16
anatoly techtonik <techtonik@gmail.com>
parents: 4811
diff changeset
264 }
7137
4553614a2b22 move For ... Impatient section up, add directions, style footnote
John Rouillard <rouilj@ieee.org>
parents: 7133
diff changeset
265
7247
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
266 div.admonition {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
267 padding-inline: 1em;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
268 padding-block: 0.25em;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
269 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
270 background-color: #dfdfdf;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
271 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
272
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
273 div.admonition.caution {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
274 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
275 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
276
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
277 div.admonition.warning {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
278 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
279 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
280
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
281 p.admonition-title {
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
282 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
283 font-weight: bold;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
284 font-size: larger;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
285 margin-block: 0;
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
286 }
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
287
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
288 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
289 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
290 }
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 dt { font-weight: bold; margin-block-start: 1em;}
7820cc786b5e style admonitions, reconcile tyles between website and release docs
John Rouillard <rouilj@ieee.org>
parents: 7137
diff changeset
293 dd p.first { margin-block-start: 0; }
7290
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
294
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
295 #skiplink { display: block;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
296 margin-block-start: 1em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
297 margin-inline-start: 1em;}
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
298 #skiplink a {
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
299 /* force stuff for screenreader off screen */
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
300 position:absolute;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
301 left:-10000px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
302 top:auto;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
303 width:1px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
304 height:1px;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
305 overflow:hidden;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
306 padding: 0 0.75em;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
307 font-weight: bold;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
308 }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
309 #skiplink a:focus { position: static;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
310 width: auto;
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
311 height: auto; }
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
312
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
313 /* remove solid black border when focus is around the main section
7435320ea041 Restyle html documentation
John Rouillard <rouilj@ieee.org>
parents: 7247
diff changeset
314 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
315 #main:focus-visible {outline: none;}

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