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