doc/cups.css

   1 /* Layout CSS */
   2 .header {
   3   background: rgba(46,46,46,.9);
   4   box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
   5   color: white;
   6   left: 0;
   7   margin-bottom: 20px;
   8   padding: 0px;
   9   position: fixed;
  10   right: 0;
  11   top: 0;
  12   width: 100%;
  13 }
  14 .header ul {
  15   list-style: none;
  16   margin: 0px;
  17   -webkit-margin-before: 0;
  18   -webkit-margin-after: 0;
  19   -webkit-margin-start: 0;
  20   -webkit-margin-end: 5px;
  21   -webkit-padding-start: 0;
  22 }
  23 .header ul li {
  24   float: left;
  25 }
  26 .header a {
  27   display: block;
  28   padding: 5px 10px !important;
  29 }
  30 .header a:link, .header a:visited {
  31   color: white !important;
  32   text-decoration: none !important;
  33 }
  34 .header a:hover {
  35   background: #cccccc !important;
  36   color: #333333 !important;
  37   text-decoration: none !important;
  38 }
  39 .header a.active {
  40   background: white !important;
  41   box-shadow: rgba(0,0,0,0.1) 0px 0px 10px 0px inset;
  42   color: black !important;
  43   text-decoration: none !important;
  44 }
  45
  46 .body {
  47   padding: 40px 20px;
  48 }
  49 .row .body {
  50   padding: 0px;
  51 }
  52
  53 .footer {
  54   background: rgba(46,46,46,.9);
  55   bottom: 0;
  56   box-shadow: 0px -2px 5px rgba(0,0,0,0.25);
  57   color: #cccccc;
  58   font-size: 10px;
  59   height: 20px;
  60   left: 0;
  61   padding: 10px 10px 3px;
  62   position: fixed;
  63   width: 100%;
  64 }
  65 .footer a:link, footer a:hover, .footer a:visited {
  66   color: white !important;
  67   text-decoration: none !important;
  68 }
  69
  70 .row {
  71   width: 100%;
  72   *zoom: 1;
  73 }
  74 .row:after {
  75   clear: both;
  76 }
  77
  78 .row .thirds {
  79   float: left;
  80   margin-left: 0.5%;
  81   margin-right: 0;
  82   padding-bottom: 40px;
  83   width: 33%;
  84 }
  85 .row .thirds:first-child {
  86   margin-left: 0;
  87 }
  88
  89 .row .halves {
  90   float: left;
  91   margin-left: 0.5%;
  92   margin-right: 0;
  93   padding-bottom: 40px;
  94   width: 49.75%;
  95 }
  96 .row .halves:first-child {
  97   margin-left: 0;
  98 }
  99 .mobile {
 100   display: none;
 101 }
 102 .no-mobile {
 103   display: inherit;
 104 }
 105
 106 /* Appearance CSS */
 107 BODY {
 108   background: white;
 109   color: black;
 110   font-family: lucida grande, geneva, helvetica, arial, sans-serif;
 111   margin: 0;
 112 }
 113
 114 H1, H2, H3, H4, H5, H6, P, TD, TH {
 115   font-family: lucida grande, geneva, helvetica, arial, sans-serif;
 116 }
 117
 118 H1 { font-size: 2em; }
 119 H2 { font-size: 1.75em; }
 120 H3 { font-size: 1.5em; }
 121 H4 { font-size: 1.25em; }
 122
 123 KBD {
 124   color: #006600;
 125   font-family: monaco, courier, monospace;
 126   font-weight: bold;
 127 }
 128
 129 PRE {
 130   font-family: monaco, courier, monospace;
 131 }
 132
 133 BLOCKQUOTE {
 134   border-left: solid 2px #777;
 135   margin: 1em 0;
 136   padding: 10px;
 137 }
 138
 139 BLOCKQUOTE OL LI {
 140   margin-left: -1em;
 141 }
 142
 143 PRE.command, PRE.example {
 144   background: #eee;
 145   margin: 0 36pt;
 146   padding: 10px;
 147 }
 148
 149 P.example {
 150   font-style: italic;
 151   margin-left: 36pt;
 152 }
 153
 154 DL.man DD {
 155   margin-left: 5em;
 156 }
 157
 158 DL.man DT {
 159   margin-left: 0;
 160 }
 161
 162 PRE.man {
 163   margin: 0;
 164 }
 165
 166 PRE.command EM, PRE.example EM {
 167   color: #3f0000;
 168   font-family: lucida grande, geneva, helvetica, arial, sans-serif;
 169 }
 170
 171 P.command {
 172   color: #7f0000;
 173   font-family: monaco, courier, monospace;
 174   margin-left: 36pt;
 175 }
 176
 177 P.formula {
 178   font-style: italic;
 179   margin-left: 36pt;
 180 }
 181
 182 A IMG {
 183   border: none;
 184 }
 185
 186 A:link:hover IMG {
 187   background: #f0f0f0;
 188   border-radius: 10px;
 189   -moz-border-radius: 10px;
 190 }
 191
 192 A:link, A:visited {
 193   font-weight: inherit;
 194   text-decoration: none;
 195   color: #000099;
 196 }
 197
 198 A:link:hover, A:visited:hover, A:active {
 199   text-decoration: underline;
 200   color: #990099;
 201 }
 202
 203 TABLE.page {
 204   border: none;
 205   border-collapse: collapse;
 206   height: 100%;
 207   margin: 0;
 208   padding: 0;
 209   width: 100%;
 210 }
 211
 212 TD.body {
 213   height: 100%;
 214   vertical-align: top;
 215 }
 216
 217 TD.sel, TD.unsel {
 218   border-left: thin solid #cccccc;
 219   padding: 0px 5px;
 220   text-align: center;
 221   vertical-align: middle;
 222   width: 14%;
 223 }
 224
 225 TD.sel {
 226   background: url(images/sel.gif);
 227 }
 228
 229 TD.unsel {
 230   background: url(images/unsel.gif);
 231 }
 232
 233 TD.sel A, TD.sel A:hover, TD.unsel A:link:hover, TD.unsel A:visited:hover,
 234 TD.unsel A:active, TD.unsel A, TD.unsel A:visited {
 235   color: #666666;
 236   display: block;
 237   font-weight: normal;
 238   padding: 8px;
 239   text-decoration: none;
 240 }
 241
 242 TD.trailer {
 243   background: #f0f0f0;
 244   border: solid thin #e0e0e0;
 245   color: #666666;
 246   font-size: 80%;
 247   padding: 5px;
 248 }
 249
 250 TD.trailer A {
 251   color: #666699;
 252 }
 253
 254 FORM {
 255   display: inline;
 256 }
 257
 258 INPUT[TYPE="TEXT"], TEXTAREA {
 259   font-family: monaco, courier, monospace;
 260 }
 261
 262 INPUT[TYPE="IMAGE"] {
 263   border: none;
 264   padding: 2pt;
 265   vertical-align: bottom;
 266 }
 267
 268 SUB, SUP {
 269   font-size: 50%;
 270 }
 271
 272 TR.data, TD.data, TR.data TD {
 273   margin-top: 10pt;
 274   padding: 5pt;
 275   border-bottom: solid 1pt #999999;
 276 }
 277
 278 TR.data TH {
 279   border-bottom: solid 1pt #999999;
 280   padding-top: 10pt;
 281   padding-left: 5pt;
 282   text-align: left;
 283 }
 284
 285 DIV.table TABLE {
 286   border: solid thin #999999;
 287   border-collapse: collapse;
 288   border-spacing: 0;
 289   margin-left: auto;
 290   margin-right: auto;
 291 }
 292
 293 DIV.table CAPTION {
 294   caption-side: top;
 295   font-size: 120%;
 296   font-style: italic;
 297   font-weight: bold;
 298   margin-left: auto;
 299   margin-right: auto;
 300 }
 301
 302 DIV.table TABLE TD {
 303   background: white;
 304   border: solid thin #bbbbbb;
 305   padding: 5pt 10pt 0;
 306 }
 307
 308 DIV.table TABLE TH {
 309   background: #f0f0f0;
 310   border: none;
 311   border-bottom: solid thin #999999;
 312 }
 313
 314 DIV.figure TABLE {
 315   margin-left: auto;
 316   margin-right: auto;
 317 }
 318
 319 DIV.figure CAPTION {
 320   caption-side: bottom;
 321   font-size: 120%;
 322   font-style: italic;
 323   font-weight: bold;
 324   margin-left: auto;
 325   margin-right: auto;
 326 }
 327
 328 TH.label {
 329   text-align: right;
 330   vertical-align: top;
 331 }
 332
 333 TH.sublabel {
 334   text-align: right;
 335   font-weight: normal;
 336 }
 337
 338 HR {
 339   border: solid thin;
 340 }
 341
 342 SPAN.info {
 343   background: black;
 344   border: thin solid black;
 345   color: white;
 346   font-size: 80%;
 347   font-style: italic;
 348   font-weight: bold;
 349   white-space: nowrap;
 350 }
 351
 352 H2 SPAN.info, H3 SPAN.info, H4 SPAN.info {
 353   float: right;
 354   font-size: 100%;
 355 }
 356
 357 .conflict {
 358   background: red;
 359   color: white;
 360 }
 361
 362 TH.conflict {
 363   text-align: right;
 364 }
 365
 366 H1.title {
 367   display: none;
 368 }
 369
 370 H2.title, H3.title, .row .body H2, .row .body H3 {
 371   border-bottom: solid 2pt black;
 372 }
 373
 374 TABLE.indent {
 375   margin-top: 2em;
 376   margin-left: auto;
 377   margin-right: auto;
 378   width: 90%;
 379 }
 380
 381 TABLE.indent {
 382   border-collapse: collapse;
 383 }
 384
 385 TABLE.indent TD, TABLE.indent TH {
 386   padding: 0;
 387 }
 388
 389 TABLE.list {
 390   border-collapse: collapse;
 391   margin-left: auto;
 392   margin-right: auto;
 393   width: 90%;
 394 }
 395
 396 TABLE.list TH {
 397   background: white;
 398   border-bottom: solid thin #cccccc;
 399   color: #444444;
 400   padding-top: 10pt;
 401   padding-left: 5pt;
 402   text-align: left;
 403   vertical-align: bottom;
 404   white-space: nowrap;
 405 }
 406
 407 TABLE.list TH A {
 408   color: #4444cc;
 409 }
 410
 411 TABLE.list TD {
 412   border-bottom: solid thin #eeeeee;
 413   padding-top: 5pt;
 414   padding-left: 5pt;
 415 }
 416
 417 TABLE.list TR:nth-child(even) {
 418   background: #f8f8f8;
 419 }
 420
 421 TABLE.list TR:nth-child(odd) {
 422   background: #f4f4f4;
 423 }
 424
 425 DIV.sidebar {
 426   float: right;
 427   min-width: 25%;
 428   margin-left: 10px;
 429   max-width: 33%;
 430 }
 431
 432 DIV.sidebar P.l0 {
 433   margin-bottom: 0;
 434   margin-left: 0;
 435   margin-right: 0;
 436   margin-top: 12pt;
 437 }
 438
 439 DIV.sidebar P.l1 {
 440   margin-bottom: 0;
 441   margin-left: 36pt;
 442   margin-right: 0;
 443   margin-top: 0;
 444   text-indent: -18pt;
 445 }
 446
 447 DIV.sidebar P.l2 {
 448   font-style: italic;
 449   margin-bottom: 0;
 450   margin-left: 54pt;
 451   margin-right: 0;
 452   margin-top: 0;
 453   text-indent: -18pt;
 454 }
 455
 456 TABLE.inset {
 457   background: #f0f0f0;
 458   border: thin solid #e0e0e0;
 459   margin-top: 1em;
 460   padding: 0;
 461   width: 100%;
 462   /* These are not implemented by all browsers, but that's OK */
 463   border-radius: 5px;
 464   -moz-border-radius: 5px;
 465 }
 466
 467 TABLE.inset CAPTION {
 468   caption-side: top;
 469   color: #666666;
 470   font-size: 80%;
 471   margin-left: 10px;
 472   margin-bottom: 2px;
 473   text-align: left;
 474 }
 475
 476 TABLE.inset TD {
 477   padding: 2px;
 478 }
 479
 480 DT {
 481   margin-left: 36pt;
 482   margin-top: 12pt;
 483 }
 484
 485 DD {
 486   margin-left: 54pt;
 487 }
 488
 489 DL.category DT {
 490   font-weight: bold;
 491 }
 492
 493 P.summary {
 494   margin-left: 36pt;
 495   font-family: monaco, courier, monospace;
 496 }
 497
 498 DIV.summary TABLE {
 499   border: solid thin #999999;
 500   border-collapse: collapse;
 501   border-spacing: 0;
 502   margin: 10px;
 503 }
 504
 505 DIV.summary TABLE TD, DIV.summary TABLE TH {
 506   background: white;
 507   border: solid thin #999999;
 508   border-spacing: 0;
 509   padding: 5px;
 510   text-align: left;
 511   vertical-align: top;
 512 }
 513
 514 DIV.summary TABLE THEAD TH {
 515   background: #f0f0f0;
 516 }
 517
 518 DIV.tabs {
 519   height: 480px;
 520   overflow: hidden;
 521 }
 522
 523 DIV.tab {
 524   float: left;
 525   height: 100%;
 526   overflow-y: auto;
 527   width: 100%;
 528 }
 529
 530 /* API documentation styles... */
 531 div.body h1 {
 532 }
 533 div.body h2 {
 534 }
 535 div.body h3 {
 536 }
 537 div.body h4 {
 538 }
 539 div.body h5 {
 540 }
 541 div.contents {
 542 }
 543 div.contents h1 {
 544 }
 545 div.contents h2 {
 546 }
 547 div.contents ul.contents {
 548 }
 549 div.contents ul.contents li ul {
 550   display: none;
 551 }
 552
 553 .class {
 554   border-bottom: solid 2px gray;
 555 }
 556 .constants {
 557 }
 558 .description {
 559   margin-top: 0.5em;
 560 }
 561 .discussion {
 562 }
 563 .enumeration {
 564   border-bottom: solid 2px gray;
 565 }
 566 .function {
 567   border-bottom: solid 2px gray;
 568   margin-bottom: 0;
 569 }
 570 .members {
 571 }
 572 .method {
 573 }
 574 .parameters {
 575 }
 576 .returnvalue {
 577 }
 578 .struct {
 579   border-bottom: solid 2px gray;
 580 }
 581 .typedef {
 582   border-bottom: solid 2px gray;
 583 }
 584 .union {
 585   border-bottom: solid 2px gray;
 586 }
 587 .variable {
 588 }
 589 h1, h2, h3, h4, h5, h6 {
 590   page-break-inside: avoid;
 591 }
 592 blockquote {
 593   page-break-inside: avoid;
 594 }
 595 p code, li code, p.code, pre, ul.code li {
 596   background: rgba(127,127,127,0.1);
 597   border: thin dotted gray;
 598   font-family: monospace;
 599   font-size: 90%;
 600   hyphens: manual;
 601   -webkit-hyphens: manual;
 602   page-break-inside: avoid;
 603 }
 604 p.code, pre, ul.code li {
 605   padding: 10px;
 606 }
 607 p code, li code {
 608   padding: 2px 5px;
 609 }
 610 span.info {
 611   background: black;
 612   border: solid thin black;
 613   color: white;
 614   font-size: 80%;
 615   font-style: italic;
 616   font-weight: bold;
 617   white-space: nowrap;
 618 }
 619 h3 span.info, h4 span.info {
 620   border-top-left-radius: 10px;
 621   border-top-right-radius: 10px;
 622   float: right;
 623   padding: 3px 6px;
 624 }
 625 ul.code, ul.contents, ul.subcontents {
 626   list-style-type: none;
 627   margin: 0;
 628   padding-left: 0;
 629 }
 630 ul.code li {
 631   margin: 0;
 632 }
 633 ul.contents > li {
 634   margin-top: 1em;
 635 }
 636 ul.contents li ul.code, ul.contents li ul.subcontents {
 637   padding-left: 2em;
 638 }
 639 table.list {
 640   border-collapse: collapse;
 641   width: 100%;
 642 }
 643 table.list tr:nth-child(even) {
 644   background: rgba(127,127,127,0.1);]n}
 645 table.list th {
 646   border-right: 2px solid gray;
 647   font-family: monospace;
 648   padding: 5px 10px 5px 2px;
 649   text-align: right;
 650   vertical-align: top;
 651 }
 652 table.list td {
 653   padding: 5px 2px 5px 10px;
 654   text-align: left;
 655   vertical-align: top;
 656 }
 657
 658 /* iPhone/iPod touch overrides */
 659 @media only screen and (min-device-width: 320px) and (max-device-width: 480px),
 660        only screen and (min-device-width: 320px) and (max-device-width: 568px) {
 661   .mobile {
 662     display: inherit;
 663   }
 664   .no-mobile {
 665     display: none;
 666   }
 667
 668   .header {
 669     margin: 0;
 670     position: relative;
 671   }
 672   .header ul li {
 673     float: none;
 674   }
 675
 676   .body {
 677     paddng: 0px;
 678   }
 679
 680   .footer {
 681     font-size: 10px;
 682     height: auto;
 683     position: relative;
 684   }
 685
 686   .row .thirds, .row .halves {
 687     float: none;
 688     margin: 0;
 689     width: 100%;
 690   }
 691
 692   DIV.sidebar {
 693     float: none;
 694     margin-left: 0;
 695     max-width: 100%;
 696     min-width: 100%;
 697     width: 100%;
 698   }
 699
 700   BLOCKQUOTE {
 701     margin: 0;
 702   }
 703
 704   P.example {
 705     margin-left: 0;
 706   }
 707
 708   PRE.command, PRE.example, PRE.man {
 709     margin-left: 0;
 710     white-space: pre-wrap;
 711   }
 712 }
 713
 714 /* iPad overrides */
 715 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
 716
 717   .mobile {
 718     display: inherit;
 719   }
 720   .no-mobile {
 721     display: none;
 722   }
 723 }