• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/*
2 * AsciiDoc 'flask' theme for xhtml11 and html5 backends. A shameless knock-off
3 * of the Flask website styling (http://flask.pocoo.org/docs/).
4 *
5 * The implementation is straight-forward, consisting of the asciidoc.css file
6 * followed by theme specific overrides.
7 *
8 * */
9
10
11/* Shared CSS for AsciiDoc xhtml11 and html5 backends */
12
13/* Default font. */
14body {
15  font-family: Georgia,serif;
16}
17
18/* Title font. */
19h1, h2, h3, h4, h5, h6,
20div.title, caption.title,
21thead, p.table.header,
22#toctitle,
23#author, #revnumber, #revdate, #revremark,
24#footer {
25  font-family: Arial,Helvetica,sans-serif;
26}
27
28body {
29  margin: 1em 5% 1em 5%;
30}
31
32a {
33  color: blue;
34  text-decoration: underline;
35}
36a:visited {
37  color: fuchsia;
38}
39
40em {
41  font-style: italic;
42  color: navy;
43}
44
45strong {
46  font-weight: bold;
47  color: #083194;
48}
49
50h1, h2, h3, h4, h5, h6 {
51  color: #527bbd;
52  margin-top: 1.2em;
53  margin-bottom: 0.5em;
54  line-height: 1.3;
55}
56
57h1, h2, h3 {
58  border-bottom: 2px solid silver;
59}
60h2 {
61  padding-top: 0.5em;
62}
63h3 {
64  float: left;
65}
66h3 + * {
67  clear: left;
68}
69h5 {
70  font-size: 1.0em;
71}
72
73div.sectionbody {
74  margin-left: 0;
75}
76
77hr {
78  border: 1px solid silver;
79}
80
81p {
82  margin-top: 0.5em;
83  margin-bottom: 0.5em;
84}
85
86ul, ol, li > p {
87  margin-top: 0;
88}
89ul > li     { color: #aaa; }
90ul > li > * { color: black; }
91
92pre {
93  padding: 0;
94  margin: 0;
95}
96
97#author {
98  color: #527bbd;
99  font-weight: bold;
100  font-size: 1.1em;
101}
102#email {
103}
104#revnumber, #revdate, #revremark {
105}
106
107#footer {
108  font-size: small;
109  border-top: 2px solid silver;
110  padding-top: 0.5em;
111  margin-top: 4.0em;
112}
113#footer-text {
114  float: left;
115  padding-bottom: 0.5em;
116}
117#footer-badges {
118  float: right;
119  padding-bottom: 0.5em;
120}
121
122#preamble {
123  margin-top: 1.5em;
124  margin-bottom: 1.5em;
125}
126div.imageblock, div.exampleblock, div.verseblock,
127div.quoteblock, div.literalblock, div.listingblock, div.sidebarblock,
128div.admonitionblock {
129  margin-top: 1.0em;
130  margin-bottom: 1.5em;
131}
132div.admonitionblock {
133  margin-top: 2.0em;
134  margin-bottom: 2.0em;
135  margin-right: 10%;
136  color: #606060;
137}
138
139div.content { /* Block element content. */
140  padding: 0;
141}
142
143/* Block element titles. */
144div.title, caption.title {
145  color: #527bbd;
146  font-weight: bold;
147  text-align: left;
148  margin-top: 1.0em;
149  margin-bottom: 0.5em;
150}
151div.title + * {
152  margin-top: 0;
153}
154
155td div.title:first-child {
156  margin-top: 0.0em;
157}
158div.content div.title:first-child {
159  margin-top: 0.0em;
160}
161div.content + div.title {
162  margin-top: 0.0em;
163}
164
165div.sidebarblock > div.content {
166  background: #ffffee;
167  border: 1px solid #dddddd;
168  border-left: 4px solid #f0f0f0;
169  padding: 0.5em;
170}
171
172div.listingblock > div.content {
173  border: 1px solid #dddddd;
174  border-left: 5px solid #f0f0f0;
175  background: #f8f8f8;
176  padding: 0.5em;
177}
178
179div.quoteblock, div.verseblock {
180  padding-left: 1.0em;
181  margin-left: 1.0em;
182  margin-right: 10%;
183  border-left: 5px solid #f0f0f0;
184  color: #777777;
185}
186
187div.quoteblock > div.attribution {
188  padding-top: 0.5em;
189  text-align: right;
190}
191
192div.verseblock > pre.content {
193  font-family: inherit;
194  font-size: inherit;
195}
196div.verseblock > div.attribution {
197  padding-top: 0.75em;
198  text-align: left;
199}
200/* DEPRECATED: Pre version 8.2.7 verse style literal block. */
201div.verseblock + div.attribution {
202  text-align: left;
203}
204
205div.admonitionblock .icon {
206  vertical-align: top;
207  font-size: 1.1em;
208  font-weight: bold;
209  text-decoration: underline;
210  color: #527bbd;
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}
290td.hdlist2 {
291  vertical-align: top;
292}
293div.hdlist.compact tr {
294  margin: 0;
295  padding-bottom: 0;
296}
297
298.comment {
299  background: yellow;
300}
301
302.footnote, .footnoteref {
303  font-size: 0.8em;
304}
305
306span.footnote, span.footnoteref {
307  vertical-align: super;
308}
309
310#footnotes {
311  margin: 20px 0 20px 0;
312  padding: 7px 0 0 0;
313}
314
315#footnotes div.footnote {
316  margin: 0 0 5px 0;
317}
318
319#footnotes hr {
320  border: none;
321  border-top: 1px solid silver;
322  height: 1px;
323  text-align: left;
324  margin-left: 0;
325  width: 20%;
326  min-width: 100px;
327}
328
329div.colist td {
330  padding-right: 0.5em;
331  padding-bottom: 0.3em;
332  vertical-align: top;
333}
334div.colist td img {
335  margin-top: 0.3em;
336}
337
338@media print {
339  #footer-badges { display: none; }
340}
341
342#toc {
343  margin-bottom: 2.5em;
344}
345
346#toctitle {
347  color: #527bbd;
348  font-size: 1.1em;
349  font-weight: bold;
350  margin-top: 1.0em;
351  margin-bottom: 0.1em;
352}
353
354div.toclevel1, div.toclevel2, div.toclevel3, div.toclevel4 {
355  margin-top: 0;
356  margin-bottom: 0;
357}
358div.toclevel2 {
359  margin-left: 2em;
360  font-size: 0.9em;
361}
362div.toclevel3 {
363  margin-left: 4em;
364  font-size: 0.9em;
365}
366div.toclevel4 {
367  margin-left: 6em;
368  font-size: 0.9em;
369}
370
371span.aqua { color: aqua; }
372span.black { color: black; }
373span.blue { color: blue; }
374span.fuchsia { color: fuchsia; }
375span.gray { color: gray; }
376span.green { color: green; }
377span.lime { color: lime; }
378span.maroon { color: maroon; }
379span.navy { color: navy; }
380span.olive { color: olive; }
381span.purple { color: purple; }
382span.red { color: red; }
383span.silver { color: silver; }
384span.teal { color: teal; }
385span.white { color: white; }
386span.yellow { color: yellow; }
387
388span.aqua-background { background: aqua; }
389span.black-background { background: black; }
390span.blue-background { background: blue; }
391span.fuchsia-background { background: fuchsia; }
392span.gray-background { background: gray; }
393span.green-background { background: green; }
394span.lime-background { background: lime; }
395span.maroon-background { background: maroon; }
396span.navy-background { background: navy; }
397span.olive-background { background: olive; }
398span.purple-background { background: purple; }
399span.red-background { background: red; }
400span.silver-background { background: silver; }
401span.teal-background { background: teal; }
402span.white-background { background: white; }
403span.yellow-background { background: yellow; }
404
405span.big { font-size: 2em; }
406span.small { font-size: 0.6em; }
407
408span.underline { text-decoration: underline; }
409span.overline { text-decoration: overline; }
410span.line-through { text-decoration: line-through; }
411
412
413/*
414 * xhtml11 specific
415 *
416 * */
417
418tt {
419  font-family: monospace;
420  font-size: inherit;
421  color: navy;
422}
423
424div.tableblock {
425  margin-top: 1.0em;
426  margin-bottom: 1.5em;
427}
428div.tableblock > table {
429  border: 3px solid #527bbd;
430}
431thead, p.table.header {
432  font-weight: bold;
433  color: #527bbd;
434}
435p.table {
436  margin-top: 0;
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
457.monospaced {
458  font-family: monospace;
459  font-size: inherit;
460  color: navy;
461}
462
463table.tableblock {
464  margin-top: 1.0em;
465  margin-bottom: 1.5em;
466}
467thead, p.tableblock.header {
468  font-weight: bold;
469  color: #527bbd;
470}
471p.tableblock {
472  margin-top: 0;
473}
474table.tableblock {
475  border-width: 3px;
476  border-spacing: 0px;
477  border-style: solid;
478  border-color: #527bbd;
479  border-collapse: collapse;
480}
481th.tableblock, td.tableblock {
482  border-width: 1px;
483  padding: 4px;
484  border-style: solid;
485  border-color: #527bbd;
486}
487
488table.tableblock.frame-topbot {
489  border-left-style: hidden;
490  border-right-style: hidden;
491}
492table.tableblock.frame-sides {
493  border-top-style: hidden;
494  border-bottom-style: hidden;
495}
496table.tableblock.frame-none {
497  border-style: hidden;
498}
499
500th.tableblock.halign-left, td.tableblock.halign-left {
501  text-align: left;
502}
503th.tableblock.halign-center, td.tableblock.halign-center {
504  text-align: center;
505}
506th.tableblock.halign-right, td.tableblock.halign-right {
507  text-align: right;
508}
509
510th.tableblock.valign-top, td.tableblock.valign-top {
511  vertical-align: top;
512}
513th.tableblock.valign-middle, td.tableblock.valign-middle {
514  vertical-align: middle;
515}
516th.tableblock.valign-bottom, td.tableblock.valign-bottom {
517  vertical-align: bottom;
518}
519
520
521/*
522 * Theme specific overrides of the preceding (asciidoc.css) CSS.
523 *
524 */
525body {
526  font-family: Garamond, Georgia, serif;
527  font-size: 17px;
528  color: #3E4349;
529  line-height: 1.3em;
530}
531h1, h2, h3, h4, h5, h6,
532div.title, caption.title,
533thead, p.table.header,
534#toctitle,
535#author, #revnumber, #revdate, #revremark,
536#footer {
537  font-family: Garmond, Georgia, serif;
538  font-weight: normal;
539  border-bottom-width: 0;
540  color: #3E4349;
541}
542div.title, caption.title { color: #596673; font-weight: bold; }
543h1 { font-size: 240%; }
544h2 { font-size: 180%; }
545h3 { font-size: 150%; }
546h4 { font-size: 130%; }
547h5 { font-size: 100%; }
548h6 { font-size: 100%; }
549#header h1 { margin-top: 0; }
550#toc {
551  color: #444444;
552  line-height: 1.5;
553  padding-top: 1.5em;
554}
555#toctitle {
556  font-size: 20px;
557}
558#toc a {
559    border-bottom: 1px dotted #999999;
560    color: #444444 !important;
561    text-decoration: none !important;
562}
563#toc a:hover {
564    border-bottom: 1px solid #6D4100;
565    color: #6D4100 !important;
566    text-decoration: none !important;
567}
568div.toclevel1 { margin-top: 0.2em; font-size: 16px; }
569div.toclevel2 { margin-top: 0.15em; font-size: 14px; }
570em, dt, td.hdlist1 { color: black; }
571strong { color: #3E4349; }
572a { color: #004B6B; text-decoration: none; border-bottom: 1px dotted #004B6B; }
573a:visited { color: #615FA0; border-bottom: 1px dotted #615FA0; }
574a:hover { color: #6D4100; border-bottom: 1px solid #6D4100; }
575div.tableblock > table, table.tableblock { border: 3px solid #E8E8E8; }
576th.tableblock, td.tableblock { border: 1px solid #E8E8E8; }
577ul > li > * { color: #3E4349; }
578pre, tt, .monospaced { font-family: Consolas,Menlo,'Deja Vu Sans Mono','Bitstream Vera Sans Mono',monospace; }
579tt, .monospaced { font-size: 0.9em; color: black;
580}
581div.exampleblock > div.content, div.sidebarblock > div.content, div.listingblock > div.content { border-width: 0 0 0 3px; border-color: #E8E8E8; }
582div.verseblock { border-left-width: 0; margin-left: 3em; }
583div.quoteblock { border-left-width: 3px; margin-left: 0; margin-right: 0;}
584div.admonitionblock td.content { border-left: 3px solid #E8E8E8; }
585