contrib/mom/momdoc/stylesheet.css

   1 /* Copyright (C) 2004-2018  Free Software Foundation, Inc. */
   2 /* This file is part of mom, which is part of groff, a free software */
   3 /* project. */
   4
   5 /* You can redistribute it and/or modify it under the terms of the */
   6 /* "GNU General Public License" as published by the "Free Software */
   7 /* Foundation", version 2.
   8
   9 /* The license text is available in the internet at */
  10 /*   <http://www.gnu.org/licenses/gpl-2.0.html> */
  11
  12 /* stylesheet for the mom macros documentation */
  13
  14 a:link    { color: blue; text-decoration: none; }
  15 a:hover   { color: red; text-decoration: underline; }
  16 a:visited { color: purple; text-decoration: none; }
  17 a:visited:hover { color: purple; text-decoration: underline; }
  18 a.header-link:visited { color: #6e70cc ; }
  19 a.header-link:visited:hover { color: #6e70cc ; }
  20
  21 a:link.quick { text-decoration: underline; }
  22 .version /* version number for top of toc.html */
  23 {
  24   font-size: 90% ;
  25   text-align: center ;
  26 }
  27
  28 .page /* Page setup: page color, size and border */
  29 {
  30   width: 760px ;
  31   position: relative ;
  32   top: 12px ;
  33   bottom: 12px ;
  34   margin: auto ;
  35   padding: 12px ;
  36   border: solid 1px #ceac8d ;
  37   color: #302419 ;
  38   background-color: #ffffeb ;
  39   font: 1em/1.5em arial,sans-serif ;
  40 }
  41
  42 /* Heads */
  43
  44 h1.docs
  45 {
  46   font-family: arial,sans-serif ;
  47   font-size: 125% ;
  48   text-align: center ;
  49   color: #002b56 ;
  50   background-color: #e2f1ff ;
  51   outline: solid 1px #99cccc ;
  52   padding: 6px ;
  53 }
  54 h2.docs
  55 {
  56   margin-bottom: -.25em ;
  57   font-size: 105% ;
  58   color: #000056 ;
  59 }
  60 h2.macro-group /* ie "Page setup" or "Indents" or "Multi-columns" */
  61 {
  62   margin-top: 1em ;
  63   font-size: 120% ;
  64   color: #000056 ;
  65   background-color: #dfccad ;
  66   padding: 6px ;
  67 }
  68 h3.docs
  69 {
  70   margin-bottom: -.5em ;
  71   font-size: 95% ;
  72   color: #000056 ;
  73   text-transform: uppercase ;
  74 }
  75 h3.appendices
  76 {
  77  font-size: 100% ;
  78  text-transform: none ;
  79 }
  80 h3.notes
  81 {
  82   display: inline-block ;
  83   margin-top: .5em ;
  84 }
  85 h3.control
  86 {
  87   padding-top: .5em ;
  88   font-size: 100% ;
  89   text-transform: none ;
  90 }
  91 h3.numbered
  92 {
  93   font-size: 100% ;
  94   margin-bottom: -.5em ;
  95 }
  96 h3.macro-id
  97 {
  98   font-size: 105% ;
  99   color: #000056 ;
 100   text-transform: uppercase ;
 101   margin-top: 3px ;
 102   margin-bottom: 0px ;
 103 }
 104 h4.docs
 105 {
 106   font-size: 95% ;
 107   margin-bottom: -.5em ;
 108   color: #000056 ;
 109 }
 110 h4.doc-param-macros
 111 {
 112   margin-top: -.5em ;
 113 }
 114 h4.arg-list
 115 {
 116   margin-top: -.5em ;
 117 }
 118 h4.fields
 119 {
 120   color: #302419 ;
 121 }
 122 h5.docs
 123 {
 124   margin-bottom: -.5em ;
 125   font-size: 95% ;
 126   color: #000056 ;
 127   text-transform: uppercase ;
 128 }
 129 ul.doc-param-macros
 130 {
 131   margin-top: .75em ;
 132   margin-left: -.5em ;
 133 }
 134 .control-macros-header
 135 {
 136   display: inline-block ;
 137   margin-bottom: -.25em ;
 138   padding: 2px 6px 0 6px ;
 139   outline: 1px solid #000058 ;
 140   font-size: 100% ;
 141   background-color: #e2f1ff ;
 142 }
 143 .control-macro
 144 {
 145   font-size: 100% ;
 146   margin-bottom: -.75em ;
 147   color: #2f2f71 ;
 148 }
 149 .macro-id-overline
 150 {
 151   display: inline-block ;
 152   border-top: solid 2px #8d8775 ;
 153   margin-bottom: .5em ;
 154 }
 155
 156 /* Paragraphs */
 157
 158 p.no-indent
 159 {
 160   text-indent: 0px ;
 161 }
 162 p.requires
 163 {
 164   font-family: arial,sans-serif ;
 165   font-style: italic ;
 166   text-indent: 0px ;
 167   margin-top: .25em ;
 168 }
 169 p.alias
 170 {
 171   font-family: arial,sans-serif ;
 172   font-style: normal ;
 173   text-indent: 0px ;
 174   margin-top: .25em ;
 175 }
 176
 177 /* Horizontal rules */
 178
 179 hr /* horizontal rules need a border to be colorized) */
 180 {
 181   border: solid 1px #8d8775 ;
 182 }
 183 div.rule-short /* for section breaks; top/bottom margins set manually */
 184 {
 185   display: block ;
 186   width: 25% ;
 187   margin: auto;
 188   clear: both ;
 189 }
 190 div.rule-medium /* underneath mini-tocs; top/bottom margins set manually */
 191 {
 192   display: block ;
 193   width: 40% ;
 194   margin: auto;
 195   clear: both ;
 196 }
 197 div.rule-long /* precedes nav bar at bottom of page */
 198 {
 199   display: block ;
 200   width: 90% ;
 201   margin: auto;
 202 }
 203
 204 /* Boxed text */
 205
 206 .box-macro-args /* Macro name+args */
 207 {
 208   display: block ;
 209   width: 736px ;
 210   max-width: 736px ;
 211   border: solid 1px #302419 ;
 212   padding-top: 5px ;
 213   padding-bottom: 3px ;
 214   padding-left: 12px ;
 215   padding-right: 12px ;
 216   background-color: #ffffff ;
 217   white-space: nowrap ;
 218   overflow: auto ;
 219 }
 220 .box-code
 221 {
 222   display: block ;
 223   width: 679px ;
 224   max-width: 679px ;
 225   border: solid 1px #302419 ;
 226   padding-top: 5px ;
 227   padding-bottom: 18px ;
 228   padding-left: 15px ;
 229   padding-right: 15px ;
 230   color: #6f614a ;
 231   background-color: #ffffff ;
 232   white-space: nowrap ;
 233 }
 234 .box-tip
 235 {
 236   outline: solid 1px #ceac8d ;
 237   padding-left: 15px ;
 238   padding-right: 15px ;
 239   text-align: justify ;
 240   background-color: #f9f9d9 ;
 241   margin-bottom: 1.5em ;
 242   }
 243 .box-example-layout
 244 {
 245   outline: solid 1px #ceac8d ;
 246   padding-left: 15px ;
 247   padding-right: 15px ;
 248   text-align: justify ;
 249   background-color: #f9f9d9 ;
 250   margin-bottom: 2.5em ;
 251   }
 252 .box-notes
 253 {
 254   outline: solid 1px #ceac8d ;
 255   padding-left: 15px ;
 256   padding-right: 15px ;
 257   text-align: justify ;
 258   background-color: #f9f9d9 ;
 259   margin-bottom: 1.5em ;
 260   }
 261 .box-important
 262 {
 263   outline: solid 1px #ce7a65 ;
 264   padding-left: 15px ;
 265   padding-right: 15px ;
 266   text-align: justify ;
 267   background-color: #f9f9d9 ;
 268   margin-bottom: 1.5em ;
 269 }
 270 p.tip
 271 {
 272   padding-top: 9px ;
 273   padding-bottom: 9px ;
 274   text-indent: 0px ;
 275 }
 276 p.tip-top
 277 {
 278   padding-top: 9px ;
 279   text-indent: 0px ;
 280 }
 281 p.tip-bottom
 282 {
 283   padding-bottom: 9px ;
 284   text-indent: 0px ;
 285 }
 286
 287 /* Pre-formatted code */
 288
 289 span.pre /* pre-formatted multi-line blocks; indent must be exactly 2 spaces */
 290 {
 291   display: block ;
 292   position: relative ;
 293   top: -1em ;
 294   margin-bottom: -1.5em ;
 295   font-family: "Lucida Console",monospace ;
 296   font-weight: bolder ;
 297   font-size: 95% ;
 298   white-space: pre ;
 299   overflow: auto ;
 300 }
 301 span.defaults
 302 {
 303   margin-left: 6px ;
 304   padding-bottom: 1em ;
 305   font-size: 95% ;
 306 }
 307 span.pre-in-pp
 308 {
 309   display: block ;
 310   position: relative ;
 311   top: -1em ;
 312   margin-bottom: -.5em ;
 313   font-family: "Lucida Console",monospace ;
 314   font-weight: bolder ;
 315   font-size: 95% ;
 316   white-space: pre ;
 317   overflow: auto ;
 318 }
 319 span.important
 320 {
 321   font-family: arial,sans-serif ;
 322   font-weight: bolder ;
 323   color: #8b0000 ;
 324 }
 325 span.note
 326 {
 327   font-family: arial,sans-serif ;
 328   font-weight: bolder ;
 329   color: #443526 ;
 330 }
 331 span.additional-note
 332 {
 333   font-family: arial,sans-serif ;
 334   font-weight: bolder ;
 335   font-style: italic ;
 336   color: #443526 ;
 337 }
 338 span.tip
 339 {
 340   font-family: arial,sans-serif ;
 341   font-weight: bolder ;
 342   color: #443526 ;
 343 }
 344 span.experts
 345 {
 346   font-family: arial,sans-serif ;
 347   font-weight: bolder ;
 348   color: #443526 ;
 349 }
 350 /* Mini-tocs (usually at top of page) */
 351
 352 /* 1-column, centered mini-toc */
 353 ul.mini-toc-centered
 354 {
 355   text-align: center ;
 356   list-style-type: none ;
 357   margin-left: -40px ;
 358 }
 359
 360 /* 2-column mini-toc column defs*/
 361 .mini-toc-col-1
 362 {
 363   float: left ;
 364   width: 49% ;
 365   margin-left: -10px ;
 366 }
 367 .mini-toc-col-2
 368 {
 369   float: left ;
 370   width: 51% ;
 371   clear: right ;
 372 }
 373
 374 /* 3-column mini-toc column defs */
 375 .col-1-definitions
 376 {
 377   float: left ;
 378   width: 32% ;
 379   height: 55em ;
 380   padding-bottom: 9px;
 381   background-color: #ded4bd ;
 382   margin-right: 2% ;
 383 }
 384 .col-2-definitions
 385 {
 386   float: left ;
 387   width: 32% ;
 388   height: 55em ;
 389   padding-bottom: 9px;
 390   background-color: #ded4bd ;
 391   margin-right: 2% ;
 392 }
 393 .col-3-definitions
 394 {
 395   float: left ;
 396   width: 32% ;
 397   height: 55em ;
 398   padding-bottom: 9px;
 399   background-color: #ded4bd ;
 400   margin-bottom: 24px ;
 401 }
 402
 403 /* List styles */
 404
 405 ul.toc
 406 {
 407   margin-top: .5em ;
 408 }
 409 ul.no-enumerator
 410 {
 411   list-style-type: none ;
 412 }
 413 .list-head
 414 {
 415   font-family: arial,sans-serif ;
 416   font-weight: bolder ;
 417   font-size: 110% ;
 418   color: #000056 ;
 419 }
 420 .list-head-goodies
 421 {
 422   font-family: arial,sans-serif ;
 423   font-weight: normal ;
 424   font-size: 110% ;
 425   color: #000056 ;
 426 }
 427 .no-anchor
 428 {
 429   color: #302419 ;
 430   font-weight: bold ;
 431 }
 432 .text-color
 433 {
 434   color: #302419 ;
 435 }
 436 li.item
 437 {
 438   font-family: arial,sans-serif ;
 439   font-weight: normal ;
 440   font-size: 100% ;
 441   margin-left: -10px ;
 442   list-style-type: disc ;
 443 }
 444 .mini-toc
 445 {
 446   margin-top: -1em ;
 447   font-size: 90% ;
 448 }
 449 .sublist
 450 {
 451   margin-left: -1em ;
 452   font-size: 90% ;
 453   color: #302419 ;
 454   list-style-type: disc ;
 455 }
 456 .sub
 457 {
 458   list-style-type: circle ;
 459 }
 460 .normal
 461 {
 462   font-style: normal ;
 463   font-size: 100% ;
 464 }
 465 .normal-smaller
 466 {
 467   font-weight: normal ;
 468   color: #302419 ;
 469   font-size: 90% ;
 470 }
 471 .normal-sub-sub
 472 {
 473   font-weight: normal ;
 474   color: #302419 ;
 475   font-size: 90% ;
 476 }
 477
 478 /* Macro lists / defaults */
 479
 480 div.macro-list-container
 481 {
 482   background-color: #ded4bd ;
 483   margin-bottom: 1.5em ;
 484 }
 485 h3.macro-list
 486 {
 487   font-size: 100% ;
 488   color: #000056 ;
 489   text-transform: uppercase ;
 490   padding: 9px ;
 491 }
 492 ul.macro-list
 493 {
 494   margin-left: -21px ;
 495   padding-right: 12px ;
 496   list-style-type: none ;
 497   font-family: arial,sans-serif ;
 498   margin-top: -1.25em ;
 499   padding-bottom: 6px ;
 500 }
 501 ol.macro-list
 502 {
 503   font-family: arial,sans-serif ;
 504   margin-top: -1.25em ;
 505   padding-bottom: 6px ;
 506 }
 507
 508 .defaults-container
 509 {
 510   background-color: #e3d2b1 ;
 511   border: 1px solid #3f2c00 ;
 512   margin-bottom: 2.5em ;
 513 }
 514 h3.defaults
 515 {
 516   font-size: 100% ;
 517   color: #000056 ;
 518   text-transform: uppercase ;
 519   padding: 9px ;
 520 }
 521 p.defaults
 522 {
 523   margin-top: .25em ;
 524   margin-left: 6px ;
 525   margin-right: 12px ;
 526   margin-bottom: 0 ;
 527 }
 528 #toc-title, #toc-head, #toc-subhead, #toc-parahead
 529 {
 530   display: block ;
 531   margin-top: -1em ;
 532   margin-bottom: -1em ;
 533 }
 534
 535 /* Bottom of page spacer */
 536
 537 div.bottom-spacer
 538 {
 539   display: block ;
 540   height: 24px ;
 541 }
 542
 543 /* General markup */
 544
 545 kbd
 546 {
 547   font-family: "Lucida Console",monospace ;
 548   font-weight: bold ;
 549   font-size: 98% ;
 550 }
 551 kbd.macro-args
 552 {
 553   margin-right: .5em ;
 554   color: #6f614a ;
 555   white-space: nowrap ;
 556   overflow: auto ;
 557 }
 558
 559 /* tocs */
 560
 561 h1.toc
 562 {
 563   font-family: arial,sans-serif ;
 564   font-size: 175% ;
 565   text-align: center ;
 566   color: #002b56 ;
 567   background-color: #e2f1ff ;
 568   outline: solid 1px #99cccc ;
 569   padding: 6px ;
 570 }
 571 h2.toc
 572 {
 573   font-size: 120% ;
 574   color: #000056 ;
 575 }
 576 h3.toc
 577 {
 578   margin-top: -.5em ;
 579   margin-bottom: -.5em ;
 580   font-size: 100% ;
 581   color: #6e70cc ;
 582 }
 583 .highlight
 584 {
 585   font-weight: bold ;
 586 }
 587 .fourth-level
 588 {
 589   margin-left: -1.25em ;
 590   list-style-type: none ;
 591 }
 592 ul.toc-docproc
 593 {
 594   margin-left: -1em ;
 595 }
 596 .toc-docproc-header
 597 {
 598   margin-top: -.5em ;
 599   text-transform: uppercase ;
 600 }
 601 a.header-link
 602 {
 603   color: #6e70cc ;
 604   font-size: 95% ;
 605 }
 606
 607 /* Examples */
 608
 609 .examples-container
 610 {
 611   border: solid 1px #917963 ;
 612   background-color: #f9f9d9 ;
 613   padding-left: 24px ;
 614   padding-right: 24px ;
 615   padding-top: 3px ;
 616   padding-bottom: 3px ;
 617 }
 618
 619 .examples
 620 {
 621   font-weight: bolder ;
 622   font-size: 98% ;
 623   color: #524b3f ;
 624   margin-top: 12px ;
 625   margin-bottom: 3px ;
 626 }
 627
 628 /* definitions.html */
 629
 630 table.definitions /* mini-toc is set up as a table */
 631 {
 632   margin-top: 12px ;
 633   text-align: left ;
 634   margin-left: 12px ;
 635 }
 636 th.definitions
 637 {
 638   padding-bottom: 6px ;
 639   font-size: 120% ;
 640   color: #000056 ;
 641 }
 642 dt /* definition terms in italic*/
 643 {
 644   font-style: italic ;
 645 }
 646 dt.no-italic
 647 {
 648   font-style: normal ;
 649 }
 650
 651 /* Tables */
 652 table.quick-ref
 653 {
 654   margin-top: .25em ;
 655 }
 656 table.quick-ref, th.quick-ref
 657 {
 658   padding-bottom: .25em ;
 659   font-family: "Lucida Console",monospace ;
 660   font-weight: bold ;
 661   text-align: left ;
 662 }
 663
 664 td
 665 {
 666   padding: 0 ;
 667   padding-left: .5em ;
 668 }
 669
 670 /* Misc */
 671
 672 span.book-title
 673 {
 674   font-style: italic ;
 675 }
 676
 677 dt.params
 678 {
 679   font-style: normal ;
 680   font-weight: bold ;
 681 }
 682
 683 dd.cover-args
 684 {
 685   margin-bottom: .25em;
 686   margin-left: 1.25em ;
 687 }