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