docs/top-asciidoc.css

   1 /* Shared CSS for AsciiDoc xhtml11 and html5 backends */
   2
   3 /* Default font. */
   4 body {
   5   background: #FDF1E1;
   6   color: #006600;
   7   font-family: verdana,sans-serif;
   8 }
   9
  10 /* Title font. */
  11 h1, h2, h3, h4, h5, h6,
  12 div.title, caption.title,
  13 thead, p.table.header,
  14 #toctitle,
  15 #author, #revnumber, #revdate, #revremark,
  16 #footer {
  17   font-family: Arial,Helvetica,sans-serif;
  18 }
  19
  20 body {
  21   margin: 1em 5% 1em 5%;
  22 }
  23
  24 em {
  25   font-style: italic;
  26   color: navy;
  27 }
  28
  29 strong {
  30   font-weight: bold;
  31   color: #083194;
  32 }
  33
  34 h1, h2, h3, h4, h5, h6 {
  35   color: #006600;
  36   margin-top: 1.2em;
  37   margin-bottom: 0.5em;
  38   line-height: 1.3;
  39 }
  40
  41 h1, h2, h3 {
  42   border-bottom: 2px solid silver;
  43 }
  44 h2 {
  45   padding-top: 0.5em;
  46 }
  47 h3 {
  48   float: left;
  49 }
  50 h3 + * {
  51   clear: left;
  52 }
  53 h5 {
  54   font-size: 1.0em;
  55 }
  56
  57 div.sectionbody {
  58   margin-left: 0;
  59 }
  60
  61 hr {
  62   border: 1px solid silver;
  63 }
  64
  65 p {
  66   margin-top: 0.5em;
  67   margin-bottom: 0.5em;
  68 }
  69
  70 ul, ol, li > p {
  71   margin-top: 0;
  72 }
  73 ul > li     { color: #aaa; }
  74 ul > li > * { color: black; }
  75
  76 .monospaced, code, pre {
  77   font-family: "Courier New", Courier, monospace;
  78   font-size: inherit;
  79   color: navy;
  80   padding: 0;
  81   margin: 0;
  82 }
  83 pre {
  84   white-space: pre-wrap;
  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: #888;
 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; vertical-align: text-bottom; }
 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.toclevel0, 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 div.unbreakable { page-break-inside: avoid; }
 403
 404
 405 /*
 406  * xhtml11 specific
 407  *
 408  * */
 409
 410 div.tableblock {
 411   margin-top: 1.0em;
 412   margin-bottom: 1.5em;
 413 }
 414 div.tableblock > table {
 415   border: 3px solid #527bbd;
 416 }
 417 thead, p.table.header {
 418   font-weight: bold;
 419   color: #527bbd;
 420 }
 421 p.table {
 422   margin-top: 0;
 423 }
 424 /* Because the table frame attribute is overridden by CSS in most browsers. */
 425 div.tableblock > table[frame="void"] {
 426   border-style: none;
 427 }
 428 div.tableblock > table[frame="hsides"] {
 429   border-left-style: none;
 430   border-right-style: none;
 431 }
 432 div.tableblock > table[frame="vsides"] {
 433   border-top-style: none;
 434   border-bottom-style: none;
 435 }
 436
 437
 438 /*
 439  * html5 specific
 440  *
 441  * */
 442
 443 table.tableblock {
 444   margin-top: 1.0em;
 445   margin-bottom: 1.5em;
 446 }
 447 thead, p.tableblock.header {
 448   font-weight: bold;
 449   color: #527bbd;
 450 }
 451 p.tableblock {
 452   margin-top: 0;
 453 }
 454 table.tableblock {
 455   border-width: 3px;
 456   border-spacing: 0px;
 457   border-style: solid;
 458   border-color: #527bbd;
 459   border-collapse: collapse;
 460 }
 461 th.tableblock, td.tableblock {
 462   border-width: 1px;
 463   padding: 4px;
 464   border-style: solid;
 465   border-color: #527bbd;
 466 }
 467
 468 table.tableblock.frame-topbot {
 469   border-left-style: hidden;
 470   border-right-style: hidden;
 471 }
 472 table.tableblock.frame-sides {
 473   border-top-style: hidden;
 474   border-bottom-style: hidden;
 475 }
 476 table.tableblock.frame-none {
 477   border-style: hidden;
 478 }
 479
 480 th.tableblock.halign-left, td.tableblock.halign-left {
 481   text-align: left;
 482 }
 483 th.tableblock.halign-center, td.tableblock.halign-center {
 484   text-align: center;
 485 }
 486 th.tableblock.halign-right, td.tableblock.halign-right {
 487   text-align: right;
 488 }
 489
 490 th.tableblock.valign-top, td.tableblock.valign-top {
 491   vertical-align: top;
 492 }
 493 th.tableblock.valign-middle, td.tableblock.valign-middle {
 494   vertical-align: middle;
 495 }
 496 th.tableblock.valign-bottom, td.tableblock.valign-bottom {
 497   vertical-align: bottom;
 498 }
 499
 500
 501 /*
 502  * manpage specific
 503  *
 504  * */
 505
 506 body.manpage h1 {
 507   padding-top: 0.5em;
 508   padding-bottom: 0.5em;
 509   border-top: 2px solid silver;
 510   border-bottom: 2px solid silver;
 511 }
 512 body.manpage h2 {
 513   border-style: none;
 514 }
 515 body.manpage div.sectionbody {
 516   margin-left: 3em;
 517 }
 518
 519 @media print {
 520   body.manpage div#toc { display: none; }
 521 }