##// END OF EJS Templates
doc: uppercase first letter in HTML man pages
Martin Geisler -
r9798:1ca63142 default
parent child Browse files
Show More
@@ -1,295 +1,298 b''
1 /*
1 /*
2 * Styles for man pages, which suit with http://mercurial.selenic.com/
2 * Styles for man pages, which suit with http://mercurial.selenic.com/
3 *
3 *
4 * Color scheme & layout are borrowed from
4 * Color scheme & layout are borrowed from
5 * http://mercurial.selenic.com/css/styles.css
5 * http://mercurial.selenic.com/css/styles.css
6 *
6 *
7 * Some styles are from html4css1.css from Docutils, which is in the
7 * Some styles are from html4css1.css from Docutils, which is in the
8 * public domain.
8 * public domain.
9 */
9 */
10
10
11 body {
11 body {
12 margin: 0;
12 margin: 0;
13 padding: 0;
13 padding: 0;
14 font-family: sans-serif;
14 font-family: sans-serif;
15 color: #111;
15 color: #111;
16 }
16 }
17
17
18 .document {
18 .document {
19 position: relative; /* be a top of absolute positioning */
19 position: relative; /* be a top of absolute positioning */
20 margin: 1.5em 1.8em;
20 margin: 1.5em 1.8em;
21 padding: 0;
21 padding: 0;
22 line-height: 1.3;
22 line-height: 1.3;
23 }
23 }
24
24
25 /* layout: toc to right */
25 /* layout: toc to right */
26 #contents {
26 #contents {
27 position: absolute;
27 position: absolute;
28 right: 0;
28 right: 0;
29 top: 0;
29 top: 0;
30 width: 26%;
30 width: 26%;
31 }
31 }
32
32
33 /* layout: others to left */
33 /* layout: others to left */
34 h1.title, h2.subtitle, .section { width: 72%; }
34 h1.title, h2.subtitle, .section { width: 72%; }
35 .section .section { width: auto; }
35 .section .section { width: auto; }
36 table.docinfo { max-width: 72%; }
36 table.docinfo { max-width: 72%; }
37
37
38 /* headings */
38 /* headings */
39 h1, h2, .topic-title, .admonition-title {
39 h1, h2, .topic-title, .admonition-title {
40 font-family: "MgOpen Cosmetica", "Lucida Sans Unicode", sans-serif;
40 font-family: "MgOpen Cosmetica", "Lucida Sans Unicode", sans-serif;
41 font-weight: normal;
41 font-weight: normal;
42 }
42 }
43 h1, h2, .topic-title, .admonition-title {
43 h1, h2, .topic-title, .admonition-title {
44 margin: 1em 0 0.5em;
44 margin: 1em 0 0.5em;
45 }
45 }
46 h1.title { font-size: 300%; }
46 h1.title { font-size: 300%; }
47 h2.subtitle, h1 { font-size: 200%; }
47 h2.subtitle, h1 { font-size: 200%; }
48 h2, .topic-title, .admonition-title { font-size: 140%; }
48 h2, .topic-title, .admonition-title { font-size: 140%; }
49
49
50 /* subtitle starts with lowercase in man pages, but not in HTML */
51 h2.subtitle:first-letter { text-transform: uppercase; }
52
50 /* override first/last margin */
53 /* override first/last margin */
51 .first, h1.title, h2.subtitle { margin-top: 0 !important; }
54 .first, h1.title, h2.subtitle { margin-top: 0 !important; }
52 .last, .with-subtitle { margin-bottom: 0 !important; }
55 .last, .with-subtitle { margin-bottom: 0 !important; }
53
56
54 blockquote, pre, dd .option-list, .field-list {
57 blockquote, pre, dd .option-list, .field-list {
55 margin: 0.2em 0 1em 2em;
58 margin: 0.2em 0 1em 2em;
56 }
59 }
57
60
58 kbd, tt, pre { font-family: monospace; }
61 kbd, tt, pre { font-family: monospace; }
59
62
60 dt { font-weight: bold; }
63 dt { font-weight: bold; }
61 dd { margin-bottom: 0.5em; }
64 dd { margin-bottom: 0.5em; }
62
65
63 th, td { padding: 0.1em 0.2em; border: 0 none; }
66 th, td { padding: 0.1em 0.2em; border: 0 none; }
64 th { font-weight: bold; text-align: left; }
67 th { font-weight: bold; text-align: left; }
65
68
66 a:link, a:visited { text-decoration: underline; }
69 a:link, a:visited { text-decoration: underline; }
67 a:hover, a:focus { text-decoration: none; }
70 a:hover, a:focus { text-decoration: none; }
68 a:link { color: #00b5f1; }
71 a:link { color: #00b5f1; }
69 a:visited { color: #5c9caf; }
72 a:visited { color: #5c9caf; }
70 a:link.toc-backref, a:visited.toc-backref {
73 a:link.toc-backref, a:visited.toc-backref {
71 text-decoration: none;
74 text-decoration: none;
72 color: #111; /* `inherit' not supported by IE6 */
75 color: #111; /* `inherit' not supported by IE6 */
73 }
76 }
74
77
75 div.admonition, div.attention, div.caution,
78 div.admonition, div.attention, div.caution,
76 div.danger, div.error, div.hint, div.important,
79 div.danger, div.error, div.hint, div.important,
77 div.note, div.tip, div.warning {
80 div.note, div.tip, div.warning {
78 border-top: 1px #ccc solid;
81 border-top: 1px #ccc solid;
79 border-bottom: 1px #ccc solid;
82 border-bottom: 1px #ccc solid;
80 padding: 0.3em 1em;
83 padding: 0.3em 1em;
81 margin: 1em;
84 margin: 1em;
82 }
85 }
83
86
84
87
85 /*
88 /*
86 * The following styles are from docutils'.
89 * The following styles are from docutils'.
87 * Please refine if necessary.
90 * Please refine if necessary.
88 */
91 */
89
92
90 table.borderless td, table.borderless th {
93 table.borderless td, table.borderless th {
91 /* Override padding for "table.docutils td" with "! important".
94 /* Override padding for "table.docutils td" with "! important".
92 The right padding separates the table cells. */
95 The right padding separates the table cells. */
93 padding: 0 0.5em 0 0 ! important;
96 padding: 0 0.5em 0 0 ! important;
94 }
97 }
95
98
96 .hidden {
99 .hidden {
97 display: none;
100 display: none;
98 }
101 }
99
102
100 blockquote.epigraph {
103 blockquote.epigraph {
101 margin: 2em 5em;
104 margin: 2em 5em;
102 }
105 }
103
106
104 div.abstract {
107 div.abstract {
105 margin: 2em 5em;
108 margin: 2em 5em;
106 }
109 }
107
110
108 div.dedication {
111 div.dedication {
109 margin: 2em 5em;
112 margin: 2em 5em;
110 text-align: center;
113 text-align: center;
111 font-style: italic;
114 font-style: italic;
112 }
115 }
113
116
114 div.figure {
117 div.figure {
115 margin-left: 2em;
118 margin-left: 2em;
116 margin-right: 2em;
119 margin-right: 2em;
117 }
120 }
118
121
119 div.footer, div.header {
122 div.footer, div.header {
120 clear: both;
123 clear: both;
121 font-size: smaller;
124 font-size: smaller;
122 }
125 }
123
126
124 div.line-block {
127 div.line-block {
125 display: block;
128 display: block;
126 margin-top: 1em;
129 margin-top: 1em;
127 margin-bottom: 1em;
130 margin-bottom: 1em;
128 }
131 }
129
132
130 div.line-block div.line-block {
133 div.line-block div.line-block {
131 margin-top: 0;
134 margin-top: 0;
132 margin-bottom: 0;
135 margin-bottom: 0;
133 margin-left: 1.5em;
136 margin-left: 1.5em;
134 }
137 }
135
138
136 div.sidebar {
139 div.sidebar {
137 margin: 0 0 0.5em 1em;
140 margin: 0 0 0.5em 1em;
138 border: medium outset;
141 border: medium outset;
139 padding: 1em;
142 padding: 1em;
140 background-color: #ffffee;
143 background-color: #ffffee;
141 width: 40%;
144 width: 40%;
142 float: right;
145 float: right;
143 clear: right;
146 clear: right;
144 }
147 }
145
148
146 div.sidebar p.rubric {
149 div.sidebar p.rubric {
147 font-family: sans-serif;
150 font-family: sans-serif;
148 font-size: medium;
151 font-size: medium;
149 }
152 }
150
153
151 div.system-messages {
154 div.system-messages {
152 margin: 5em;
155 margin: 5em;
153 }
156 }
154
157
155 div.system-messages h1 {
158 div.system-messages h1 {
156 color: red;
159 color: red;
157 }
160 }
158
161
159 div.system-message {
162 div.system-message {
160 border: medium outset;
163 border: medium outset;
161 padding: 1em;
164 padding: 1em;
162 }
165 }
163
166
164 div.system-message p.system-message-title {
167 div.system-message p.system-message-title {
165 color: red;
168 color: red;
166 font-weight: bold;
169 font-weight: bold;
167 }
170 }
168
171
169 h1.section-subtitle, h2.section-subtitle, h3.section-subtitle,
172 h1.section-subtitle, h2.section-subtitle, h3.section-subtitle,
170 h4.section-subtitle, h5.section-subtitle, h6.section-subtitle {
173 h4.section-subtitle, h5.section-subtitle, h6.section-subtitle {
171 margin-top: 0.4em;
174 margin-top: 0.4em;
172 }
175 }
173
176
174 hr.docutils {
177 hr.docutils {
175 width: 75%;
178 width: 75%;
176 }
179 }
177
180
178 img.align-left {
181 img.align-left {
179 clear: left;
182 clear: left;
180 }
183 }
181
184
182 img.align-right {
185 img.align-right {
183 clear: right;
186 clear: right;
184 }
187 }
185
188
186 ol.simple, ul.simple {
189 ol.simple, ul.simple {
187 margin-bottom: 1em;
190 margin-bottom: 1em;
188 }
191 }
189
192
190 ol.arabic {
193 ol.arabic {
191 list-style: decimal;
194 list-style: decimal;
192 }
195 }
193
196
194 ol.loweralpha {
197 ol.loweralpha {
195 list-style: lower-alpha;
198 list-style: lower-alpha;
196 }
199 }
197
200
198 ol.upperalpha {
201 ol.upperalpha {
199 list-style: upper-alpha;
202 list-style: upper-alpha;
200 }
203 }
201
204
202 ol.lowerroman {
205 ol.lowerroman {
203 list-style: lower-roman;
206 list-style: lower-roman;
204 }
207 }
205
208
206 ol.upperroman {
209 ol.upperroman {
207 list-style: upper-roman;
210 list-style: upper-roman;
208 }
211 }
209
212
210 p.attribution {
213 p.attribution {
211 text-align: right;
214 text-align: right;
212 margin-left: 50%;
215 margin-left: 50%;
213 }
216 }
214
217
215 p.caption {
218 p.caption {
216 font-style: italic;
219 font-style: italic;
217 }
220 }
218
221
219 p.credits {
222 p.credits {
220 font-style: italic;
223 font-style: italic;
221 font-size: smaller;
224 font-size: smaller;
222 }
225 }
223
226
224 p.label {
227 p.label {
225 white-space: nowrap;
228 white-space: nowrap;
226 }
229 }
227
230
228 p.rubric {
231 p.rubric {
229 font-weight: bold;
232 font-weight: bold;
230 font-size: larger;
233 font-size: larger;
231 color: maroon;
234 color: maroon;
232 text-align: center;
235 text-align: center;
233 }
236 }
234
237
235 pre.address {
238 pre.address {
236 margin-bottom: 0;
239 margin-bottom: 0;
237 margin-top: 0;
240 margin-top: 0;
238 font-family: serif;
241 font-family: serif;
239 font-size: 100%;
242 font-size: 100%;
240 }
243 }
241
244
242 pre.literal-block, pre.doctest-block {
245 pre.literal-block, pre.doctest-block {
243 margin-left: 2em;
246 margin-left: 2em;
244 margin-right: 2em;
247 margin-right: 2em;
245 }
248 }
246
249
247 span.classifier {
250 span.classifier {
248 font-family: sans-serif;
251 font-family: sans-serif;
249 font-style: oblique;
252 font-style: oblique;
250 }
253 }
251
254
252 span.classifier-delimiter {
255 span.classifier-delimiter {
253 font-family: sans-serif;
256 font-family: sans-serif;
254 font-weight: bold;
257 font-weight: bold;
255 }
258 }
256
259
257 span.interpreted {
260 span.interpreted {
258 font-family: sans-serif;
261 font-family: sans-serif;
259 }
262 }
260
263
261 span.option {
264 span.option {
262 white-space: nowrap;
265 white-space: nowrap;
263 }
266 }
264
267
265 span.pre {
268 span.pre {
266 white-space: pre;
269 white-space: pre;
267 }
270 }
268
271
269 span.problematic {
272 span.problematic {
270 color: red;
273 color: red;
271 }
274 }
272
275
273 span.section-subtitle {
276 span.section-subtitle {
274 /* font-size relative to parent (h1..h6 element) */
277 /* font-size relative to parent (h1..h6 element) */
275 font-size: 80%;
278 font-size: 80%;
276 }
279 }
277
280
278 table.citation {
281 table.citation {
279 border-left: solid 1px gray;
282 border-left: solid 1px gray;
280 margin-left: 1px;
283 margin-left: 1px;
281 }
284 }
282
285
283 table.footnote {
286 table.footnote {
284 border-left: solid 1px black;
287 border-left: solid 1px black;
285 margin-left: 1px;
288 margin-left: 1px;
286 }
289 }
287
290
288 h1 tt.docutils, h2 tt.docutils, h3 tt.docutils,
291 h1 tt.docutils, h2 tt.docutils, h3 tt.docutils,
289 h4 tt.docutils, h5 tt.docutils, h6 tt.docutils {
292 h4 tt.docutils, h5 tt.docutils, h6 tt.docutils {
290 font-size: 100%;
293 font-size: 100%;
291 }
294 }
292
295
293 ul.auto-toc {
296 ul.auto-toc {
294 list-style-type: none;
297 list-style-type: none;
295 }
298 }
General Comments 0
You need to be logged in to leave comments. Login now