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. */ 14 body { 15 font-family: Georgia,serif; 16 } 17 18 /* Title font. */ 19 h1, h2, h3, h4, h5, h6, 20 div.title, caption.title, 21 thead, p.table.header, 22 #toctitle, 23 #author, #revnumber, #revdate, #revremark, 24 #footer { 25 font-family: Arial,Helvetica,sans-serif; 26 } 27 28 body { 29 margin: 1em 5% 1em 5%; 30 } 31 32 a { 33 color: blue; 34 text-decoration: underline; 35 } 36 a:visited { 37 color: fuchsia; 38 } 39 40 em { 41 font-style: italic; 42 color: navy; 43 } 44 45 strong { 46 font-weight: bold; 47 color: #083194; 48 } 49 50 h1, 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 57 h1, h2, h3 { 58 border-bottom: 2px solid silver; 59 } 60 h2 { 61 padding-top: 0.5em; 62 } 63 h3 { 64 float: left; 65 } 66 h3 + * { 67 clear: left; 68 } 69 h5 { 70 font-size: 1.0em; 71 } 72 73 div.sectionbody { 74 margin-left: 0; 75 } 76 77 hr { 78 border: 1px solid silver; 79 } 80 81 p { 82 margin-top: 0.5em; 83 margin-bottom: 0.5em; 84 } 85 86 ul, ol, li > p { 87 margin-top: 0; 88 } 89 ul > li { color: #aaa; } 90 ul > li > * { color: black; } 91 92 pre { 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 } 126 div.imageblock, div.exampleblock, div.verseblock, 127 div.quoteblock, div.literalblock, div.listingblock, div.sidebarblock, 128 div.admonitionblock { 129 margin-top: 1.0em; 130 margin-bottom: 1.5em; 131 } 132 div.admonitionblock { 133 margin-top: 2.0em; 134 margin-bottom: 2.0em; 135 margin-right: 10%; 136 color: #606060; 137 } 138 139 div.content { /* Block element content. */ 140 padding: 0; 141 } 142 143 /* Block element titles. */ 144 div.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 } 151 div.title + * { 152 margin-top: 0; 153 } 154 155 td div.title:first-child { 156 margin-top: 0.0em; 157 } 158 div.content div.title:first-child { 159 margin-top: 0.0em; 160 } 161 div.content + div.title { 162 margin-top: 0.0em; 163 } 164 165 div.sidebarblock > div.content { 166 background: #ffffee; 167 border: 1px solid #dddddd; 168 border-left: 4px solid #f0f0f0; 169 padding: 0.5em; 170 } 171 172 div.listingblock > div.content { 173 border: 1px solid #dddddd; 174 border-left: 5px solid #f0f0f0; 175 background: #f8f8f8; 176 padding: 0.5em; 177 } 178 179 div.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 187 div.quoteblock > div.attribution { 188 padding-top: 0.5em; 189 text-align: right; 190 } 191 192 div.verseblock > pre.content { 193 font-family: inherit; 194 font-size: inherit; 195 } 196 div.verseblock > div.attribution { 197 padding-top: 0.75em; 198 text-align: left; 199 } 200 /* DEPRECATED: Pre version 8.2.7 verse style literal block. */ 201 div.verseblock + div.attribution { 202 text-align: left; 203 } 204 205 div.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 } 213 div.admonitionblock td.content { 214 padding-left: 0.5em; 215 border-left: 3px solid #dddddd; 216 } 217 218 div.exampleblock > div.content { 219 border-left: 3px solid #dddddd; 220 padding-left: 0.5em; 221 } 222 223 div.imageblock div.content { padding-left: 0; } 224 span.image img { border-style: none; } 225 a.image:visited { color: white; } 226 227 dl { 228 margin-top: 0.8em; 229 margin-bottom: 0.8em; 230 } 231 dt { 232 margin-top: 0.5em; 233 margin-bottom: 0; 234 font-style: normal; 235 color: navy; 236 } 237 dd > *:first-child { 238 margin-top: 0.1em; 239 } 240 241 ul, ol { 242 list-style-position: outside; 243 } 244 ol.arabic { 245 list-style-type: decimal; 246 } 247 ol.loweralpha { 248 list-style-type: lower-alpha; 249 } 250 ol.upperalpha { 251 list-style-type: upper-alpha; 252 } 253 ol.lowerroman { 254 list-style-type: lower-roman; 255 } 256 ol.upperroman { 257 list-style-type: upper-roman; 258 } 259 260 div.compact ul, div.compact ol, 261 div.compact p, div.compact p, 262 div.compact div, div.compact div { 263 margin-top: 0.1em; 264 margin-bottom: 0.1em; 265 } 266 267 tfoot { 268 font-weight: bold; 269 } 270 td > div.verse { 271 white-space: pre; 272 } 273 274 div.hdlist { 275 margin-top: 0.8em; 276 margin-bottom: 0.8em; 277 } 278 div.hdlist tr { 279 padding-bottom: 15px; 280 } 281 dt.hdlist1.strong, td.hdlist1.strong { 282 font-weight: bold; 283 } 284 td.hdlist1 { 285 vertical-align: top; 286 font-style: normal; 287 padding-right: 0.8em; 288 color: navy; 289 } 290 td.hdlist2 { 291 vertical-align: top; 292 } 293 div.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 306 span.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 329 div.colist td { 330 padding-right: 0.5em; 331 padding-bottom: 0.3em; 332 vertical-align: top; 333 } 334 div.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 354 div.toclevel1, div.toclevel2, div.toclevel3, div.toclevel4 { 355 margin-top: 0; 356 margin-bottom: 0; 357 } 358 div.toclevel2 { 359 margin-left: 2em; 360 font-size: 0.9em; 361 } 362 div.toclevel3 { 363 margin-left: 4em; 364 font-size: 0.9em; 365 } 366 div.toclevel4 { 367 margin-left: 6em; 368 font-size: 0.9em; 369 } 370 371 span.aqua { color: aqua; } 372 span.black { color: black; } 373 span.blue { color: blue; } 374 span.fuchsia { color: fuchsia; } 375 span.gray { color: gray; } 376 span.green { color: green; } 377 span.lime { color: lime; } 378 span.maroon { color: maroon; } 379 span.navy { color: navy; } 380 span.olive { color: olive; } 381 span.purple { color: purple; } 382 span.red { color: red; } 383 span.silver { color: silver; } 384 span.teal { color: teal; } 385 span.white { color: white; } 386 span.yellow { color: yellow; } 387 388 span.aqua-background { background: aqua; } 389 span.black-background { background: black; } 390 span.blue-background { background: blue; } 391 span.fuchsia-background { background: fuchsia; } 392 span.gray-background { background: gray; } 393 span.green-background { background: green; } 394 span.lime-background { background: lime; } 395 span.maroon-background { background: maroon; } 396 span.navy-background { background: navy; } 397 span.olive-background { background: olive; } 398 span.purple-background { background: purple; } 399 span.red-background { background: red; } 400 span.silver-background { background: silver; } 401 span.teal-background { background: teal; } 402 span.white-background { background: white; } 403 span.yellow-background { background: yellow; } 404 405 span.big { font-size: 2em; } 406 span.small { font-size: 0.6em; } 407 408 span.underline { text-decoration: underline; } 409 span.overline { text-decoration: overline; } 410 span.line-through { text-decoration: line-through; } 411 412 413 /* 414 * xhtml11 specific 415 * 416 * */ 417 418 tt { 419 font-family: monospace; 420 font-size: inherit; 421 color: navy; 422 } 423 424 div.tableblock { 425 margin-top: 1.0em; 426 margin-bottom: 1.5em; 427 } 428 div.tableblock > table { 429 border: 3px solid #527bbd; 430 } 431 thead, p.table.header { 432 font-weight: bold; 433 color: #527bbd; 434 } 435 p.table { 436 margin-top: 0; 437 } 438 /* Because the table frame attribute is overriden by CSS in most browsers. */ 439 div.tableblock > table[frame="void"] { 440 border-style: none; 441 } 442 div.tableblock > table[frame="hsides"] { 443 border-left-style: none; 444 border-right-style: none; 445 } 446 div.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 463 table.tableblock { 464 margin-top: 1.0em; 465 margin-bottom: 1.5em; 466 } 467 thead, p.tableblock.header { 468 font-weight: bold; 469 color: #527bbd; 470 } 471 p.tableblock { 472 margin-top: 0; 473 } 474 table.tableblock { 475 border-width: 3px; 476 border-spacing: 0px; 477 border-style: solid; 478 border-color: #527bbd; 479 border-collapse: collapse; 480 } 481 th.tableblock, td.tableblock { 482 border-width: 1px; 483 padding: 4px; 484 border-style: solid; 485 border-color: #527bbd; 486 } 487 488 table.tableblock.frame-topbot { 489 border-left-style: hidden; 490 border-right-style: hidden; 491 } 492 table.tableblock.frame-sides { 493 border-top-style: hidden; 494 border-bottom-style: hidden; 495 } 496 table.tableblock.frame-none { 497 border-style: hidden; 498 } 499 500 th.tableblock.halign-left, td.tableblock.halign-left { 501 text-align: left; 502 } 503 th.tableblock.halign-center, td.tableblock.halign-center { 504 text-align: center; 505 } 506 th.tableblock.halign-right, td.tableblock.halign-right { 507 text-align: right; 508 } 509 510 th.tableblock.valign-top, td.tableblock.valign-top { 511 vertical-align: top; 512 } 513 th.tableblock.valign-middle, td.tableblock.valign-middle { 514 vertical-align: middle; 515 } 516 th.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 */ 525 body { 526 font-family: Garamond, Georgia, serif; 527 font-size: 17px; 528 color: #3E4349; 529 line-height: 1.3em; 530 } 531 h1, h2, h3, h4, h5, h6, 532 div.title, caption.title, 533 thead, 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 } 542 div.title, caption.title { color: #596673; font-weight: bold; } 543 h1 { font-size: 240%; } 544 h2 { font-size: 180%; } 545 h3 { font-size: 150%; } 546 h4 { font-size: 130%; } 547 h5 { font-size: 100%; } 548 h6 { 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 } 568 div.toclevel1 { margin-top: 0.2em; font-size: 16px; } 569 div.toclevel2 { margin-top: 0.15em; font-size: 14px; } 570 em, dt, td.hdlist1 { color: black; } 571 strong { color: #3E4349; } 572 a { color: #004B6B; text-decoration: none; border-bottom: 1px dotted #004B6B; } 573 a:visited { color: #615FA0; border-bottom: 1px dotted #615FA0; } 574 a:hover { color: #6D4100; border-bottom: 1px solid #6D4100; } 575 div.tableblock > table, table.tableblock { border: 3px solid #E8E8E8; } 576 th.tableblock, td.tableblock { border: 1px solid #E8E8E8; } 577 ul > li > * { color: #3E4349; } 578 pre, tt, .monospaced { font-family: Consolas,Menlo,'Deja Vu Sans Mono','Bitstream Vera Sans Mono',monospace; } 579 tt, .monospaced { font-size: 0.9em; color: black; 580 } 581 div.exampleblock > div.content, div.sidebarblock > div.content, div.listingblock > div.content { border-width: 0 0 0 3px; border-color: #E8E8E8; } 582 div.verseblock { border-left-width: 0; margin-left: 3em; } 583 div.quoteblock { border-left-width: 3px; margin-left: 0; margin-right: 0;} 584 div.admonitionblock td.content { border-left: 3px solid #E8E8E8; } 585