1/* Shared CSS for AsciiDoc xhtml11 and html5 backends */
2
3/* Default font. */
4body {
5  font-family: Georgia,serif;
6}
7
8/* Title font. */
9h1, h2, h3, h4, h5, h6,
10div.title, caption.title,
11thead, p.table.header,
12#toctitle,
13#author, #revnumber, #revdate, #revremark,
14#footer {
15  /* OLD: font-family: Arial,Helvetica,sans-serif; */
16  font-family: Lucida Grande, Verdana, Geneva, Arial, sans-serif;
17}
18
19body {
20  margin: 1em 5% 1em 5%;
21}
22
23a {
24  /* color: blue; */
25  color: #990000;
26  text-decoration: none;
27}
28a:visited {
29  /* color: fuchsia; */
30}
31
32a:hover {
33	text-decoration: underline;
34}
35
36em {
37  font-style: italic;
38  /* color: navy; */
39}
40
41strong {
42  font-weight: bold;
43  color: black;
44  /* color: #083194; */
45}
46
47h1, h2, h3, h4, h5, h6 {
48  /* color: #527bbd; */
49  color: #990000;
50  margin-top: 1.2em;
51  margin-bottom: 0.5em;
52  line-height: 1.3;
53}
54
55h1, h2, h3 {
56  border-bottom: 2px solid silver;
57}
58h2 {
59  padding-top: 0.5em;
60}
61h3 {
62  float: left;
63}
64h3 + * {
65  clear: left;
66}
67h5 {
68  font-size: 1.0em;
69}
70
71div.sectionbody {
72  margin-left: 0;
73}
74
75hr {
76  border: 1px solid silver;
77}
78
79p {
80  margin-top: 0.5em;
81  margin-bottom: 0.5em;
82}
83
84ul, ol, li > p {
85  margin-top: 0;
86}
87ul > li     { color: #aaa; }
88ul > li > * { color: black; }
89
90pre {
91  padding: 0;
92  margin: 0;
93}
94
95#author {
96  /* color: #527bbd; */
97  font-weight: bold;
98  font-size: 1.1em;
99}
100#email {
101}
102#revnumber, #revdate, #revremark {
103}
104
105#footer {
106  font-size: small;
107  border-top: 2px solid silver;
108  padding-top: 0.5em;
109  margin-top: 4.0em;
110}
111#footer-text {
112  float: left;
113  padding-bottom: 0.5em;
114}
115#footer-badges {
116  float: right;
117  padding-bottom: 0.5em;
118}
119
120#preamble {
121  margin-top: 1.5em;
122  margin-bottom: 1.5em;
123}
124div.imageblock, div.exampleblock, div.verseblock,
125div.quoteblock, div.literalblock, div.listingblock, div.sidebarblock,
126div.admonitionblock {
127  margin-top: 1.0em;
128  margin-bottom: 1.5em;
129}
130div.admonitionblock {
131  margin-top: 2.0em;
132  margin-bottom: 2.0em;
133  margin-right: 10%;
134  /* color: #606060; */
135}
136
137div.content { /* Block element content. */
138  padding: 0;
139}
140
141/* Block element titles. */
142div.title, caption.title {
143  /* OLD: color: #527bbd; */
144  color: #990000;
145  font-weight: bold;
146  text-align: left;
147  margin-top: 1.0em;
148  margin-bottom: 0.5em;
149}
150div.title + * {
151  margin-top: 0;
152}
153
154td div.title:first-child {
155  margin-top: 0.0em;
156}
157div.content div.title:first-child {
158  margin-top: 0.0em;
159}
160div.content + div.title {
161  margin-top: 0.0em;
162}
163
164div.sidebarblock > div.content {
165  background: #ffffee;
166  border: 1px solid #dddddd;
167  border-left: 4px solid #f0f0f0;
168  padding: 0.5em;
169}
170
171div.listingblock > div.content {
172  border: 1px solid #dddddd;
173  /* border-left: 5px solid #f0f0f0; */
174  background: #f8f8f8;
175  padding: 0.5em;
176}
177
178div.quoteblock, div.verseblock {
179  padding-left: 1.0em;
180  margin-left: 1.0em;
181  margin-right: 10%;
182  border-left: 5px solid #f0f0f0;
183  color: #777777;
184}
185
186div.quoteblock > div.attribution {
187  padding-top: 0.5em;
188  text-align: right;
189}
190
191div.verseblock > pre.content {
192  font-family: inherit;
193  font-size: inherit;
194}
195div.verseblock > div.attribution {
196  padding-top: 0.75em;
197  text-align: left;
198}
199/* DEPRECATED: Pre version 8.2.7 verse style literal block. */
200div.verseblock + div.attribution {
201  text-align: left;
202}
203
204div.admonitionblock .icon {
205  vertical-align: top;
206  font-size: 1.1em;
207  font-weight: bold;
208  text-decoration: underline;
209  /* OLD: color: #527bbd; */
210  color: #990000;
211  padding-right: 0.5em;
212}
213div.admonitionblock td.content {
214  padding-left: 0.5em;
215  border-left: 3px solid #dddddd;
216}
217
218div.exampleblock > div.content {
219  border-left: 3px solid #dddddd;
220  padding-left: 0.5em;
221}
222
223div.imageblock div.content { padding-left: 0; }
224span.image img { border-style: none; }
225a.image:visited { color: white; }
226
227dl {
228  margin-top: 0.8em;
229  margin-bottom: 0.8em;
230}
231dt {
232  margin-top: 0.5em;
233  margin-bottom: 0;
234  font-style: normal;
235  color: navy;
236}
237dd > *:first-child {
238  margin-top: 0.1em;
239}
240
241ul, ol {
242    list-style-position: outside;
243}
244ol.arabic {
245  list-style-type: decimal;
246}
247ol.loweralpha {
248  list-style-type: lower-alpha;
249}
250ol.upperalpha {
251  list-style-type: upper-alpha;
252}
253ol.lowerroman {
254  list-style-type: lower-roman;
255}
256ol.upperroman {
257  list-style-type: upper-roman;
258}
259
260div.compact ul, div.compact ol,
261div.compact p, div.compact p,
262div.compact div, div.compact div {
263  margin-top: 0.1em;
264  margin-bottom: 0.1em;
265}
266
267tfoot {
268  font-weight: bold;
269}
270td > div.verse {
271  white-space: pre;
272}
273
274div.hdlist {
275  margin-top: 0.8em;
276  margin-bottom: 0.8em;
277}
278div.hdlist tr {
279  padding-bottom: 15px;
280}
281dt.hdlist1.strong, td.hdlist1.strong {
282  font-weight: bold;
283}
284td.hdlist1 {
285  vertical-align: top;
286  font-style: normal;
287  padding-right: 0.8em;
288  /* color: navy; */
289  color: #990000;
290}
291td.hdlist2 {
292  vertical-align: top;
293}
294div.hdlist.compact tr {
295  margin: 0;
296  padding-bottom: 0;
297}
298
299.comment {
300  background: yellow;
301}
302
303.footnote, .footnoteref {
304  font-size: 0.8em;
305}
306
307span.footnote, span.footnoteref {
308  vertical-align: super;
309}
310
311#footnotes {
312  margin: 20px 0 20px 0;
313  padding: 7px 0 0 0;
314}
315
316#footnotes div.footnote {
317  margin: 0 0 5px 0;
318}
319
320#footnotes hr {
321  border: none;
322  border-top: 1px solid silver;
323  height: 1px;
324  text-align: left;
325  margin-left: 0;
326  width: 20%;
327  min-width: 100px;
328}
329
330div.colist td {
331  padding-right: 0.5em;
332  padding-bottom: 0.3em;
333  vertical-align: top;
334}
335div.colist td img {
336  margin-top: 0.3em;
337}
338
339@media print {
340  #footer-badges { display: none; }
341}
342
343#toc {
344  margin-bottom: 2.5em;
345}
346
347#toctitle {
348  /* color: #527bbd; */
349  color: #990000;
350  font-size: 1.1em;
351  font-weight: bold;
352  margin-top: 1.0em;
353  margin-bottom: 0.1em;
354}
355
356div.toclevel1, div.toclevel2, div.toclevel3, div.toclevel4 {
357  margin-top: 0;
358  margin-bottom: 0;
359}
360div.toclevel2 {
361  margin-left: 2em;
362  font-size: 0.9em;
363}
364div.toclevel3 {
365  margin-left: 4em;
366  font-size: 0.9em;
367}
368div.toclevel4 {
369  margin-left: 6em;
370  font-size: 0.9em;
371}
372
373span.aqua { color: aqua; }
374span.black { color: black; }
375span.blue { color: blue; }
376span.fuchsia { color: fuchsia; }
377span.gray { color: gray; }
378span.green { color: green; }
379span.lime { color: lime; }
380span.maroon { color: maroon; }
381span.navy { color: navy; }
382span.olive { color: olive; }
383span.purple { color: purple; }
384span.red { color: red; }
385span.silver { color: silver; }
386span.teal { color: teal; }
387span.white { color: white; }
388span.yellow { color: yellow; }
389
390span.aqua-background { background: aqua; }
391span.black-background { background: black; }
392span.blue-background { background: blue; }
393span.fuchsia-background { background: fuchsia; }
394span.gray-background { background: gray; }
395span.green-background { background: green; }
396span.lime-background { background: lime; }
397span.maroon-background { background: maroon; }
398span.navy-background { background: navy; }
399span.olive-background { background: olive; }
400span.purple-background { background: purple; }
401span.red-background { background: red; }
402span.silver-background { background: silver; }
403span.teal-background { background: teal; }
404span.white-background { background: white; }
405span.yellow-background { background: yellow; }
406
407span.big { font-size: 2em; }
408span.small { font-size: 0.6em; }
409
410span.underline { text-decoration: underline; }
411span.overline { text-decoration: overline; }
412span.line-through { text-decoration: line-through; }
413
414
415/*
416 * xhtml11 specific
417 *
418 * */
419
420tt {
421  font-family: monospace;
422  font-size: inherit;
423  /* color: navy; */
424  color: black;
425}
426
427div.tableblock {
428  margin-top: 1.0em;
429  margin-bottom: 1.5em;
430}
431div.tableblock > table {
432  /* border: 3px solid #527bbd; */
433  border: 2px solid #990000;
434}
435thead, p.table.header {
436  font-weight: bold;
437  /* color: #527bbd; */
438  color: #990000;
439}
440p.table {
441  margin-top: 0;
442}
443/* Because the table frame attribute is overriden by CSS in most browsers. */
444div.tableblock > table[frame="void"] {
445  border-style: none;
446}
447div.tableblock > table[frame="hsides"] {
448  border-left-style: none;
449  border-right-style: none;
450}
451div.tableblock > table[frame="vsides"] {
452  border-top-style: none;
453  border-bottom-style: none;
454}
455
456
457/*
458 * html5 specific
459 *
460 * */
461
462.monospaced {
463  font-family: monospace;
464  font-size: inherit;
465  color: navy;
466}
467
468table.tableblock {
469  margin-top: 1.0em;
470  margin-bottom: 1.5em;
471}
472thead, p.tableblock.header {
473  font-weight: bold;
474  /* color: #527bbd; */
475  color: #990000;
476}
477p.tableblock {
478  margin-top: 0;
479}
480table.tableblock {
481  border-width: 3px;
482  border-spacing: 0px;
483  border-style: solid;
484  /* border-color: #527bbd; */
485  border-color: #990000;
486  border-collapse: collapse;
487}
488th.tableblock, td.tableblock {
489  border-width: 1px;
490  padding: 4px;
491  border-style: solid;
492  /* border-color: #527bbd; */
493  border-color: #990000;
494}
495
496table.tableblock.frame-topbot {
497  border-left-style: hidden;
498  border-right-style: hidden;
499}
500table.tableblock.frame-sides {
501  border-top-style: hidden;
502  border-bottom-style: hidden;
503}
504table.tableblock.frame-none {
505  border-style: hidden;
506}
507
508th.tableblock.halign-left, td.tableblock.halign-left {
509  text-align: left;
510}
511th.tableblock.halign-center, td.tableblock.halign-center {
512  text-align: center;
513}
514th.tableblock.halign-right, td.tableblock.halign-right {
515  text-align: right;
516}
517
518th.tableblock.valign-top, td.tableblock.valign-top {
519  vertical-align: top;
520}
521th.tableblock.valign-middle, td.tableblock.valign-middle {
522  vertical-align: middle;
523}
524th.tableblock.valign-bottom, td.tableblock.valign-bottom {
525  vertical-align: bottom;
526}
527