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