doc/www/stylesheets/asciidoc.css

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