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