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