main.css (18293B)
1 /* 2 Font sizes for all selectors other than the body are given in percentages, 3 with 100% equal to 13px. To calculate a font size percentage, multiply the 4 desired size in pixels by 7.6923076923. 5 6 Here's a quick lookup table: 7 8 10px - 76.923% 9 11px - 84.615% 10 12px - 92.308% 11 13px - 100% 12 14px - 107.692% 13 15px - 115.385% 14 16px - 123.077% 15 17px - 130.769% 16 18px - 138.462% 17 19px - 146.154% 18 20px - 153.846% 19 */ 20 21 html { 22 background: #fff; 23 color: #333; 24 overflow-y: scroll; 25 } 26 27 body { 28 font: 13px/1.4 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 'Bitstream Vera Sans', 'Helvetica', 'Arial', sans-serif; 29 margin: 0; 30 padding: 0; 31 padding-top: 40px; 32 } 33 34 /* -- Links ----------------------------------------------------------------- */ 35 a { 36 color: #356de4; 37 text-decoration: none; 38 } 39 40 .hidden { 41 display: none; 42 } 43 44 a:hover { text-decoration: underline; } 45 46 /* "Jump to Table of Contents" link is shown to assistive tools, but hidden from 47 sight until it's focused. */ 48 .jump { 49 position: absolute; 50 padding: 3px 6px; 51 left: -99999px; 52 top: 0; 53 } 54 55 .jump:focus { left: 40%; } 56 57 /* -- Paragraphs ------------------------------------------------------------ */ 58 p { margin: 1.3em 0; } 59 dd p, td p { margin-bottom: 0; } 60 dd p:first-child, td p:first-child { margin-top: 0; } 61 62 /* -- Headings -------------------------------------------------------------- */ 63 h1, h2, h3, h4, h5, h6 { 64 color: #D98527;/*was #f80*/ 65 font-family: 'Trebuchet MS', sans-serif; 66 font-weight: bold; 67 line-height: 1.1; 68 margin: 1.1em 0 0.5em; 69 } 70 71 h1 { 72 font-size: 184.6%; 73 color: #30418C; 74 margin: 0.75em 0 0.5em; 75 } 76 77 h2 { 78 font-size: 153.846%; 79 color: #E48A2B; 80 } 81 82 h3 { font-size: 138.462%; } 83 84 h4 { 85 border-bottom: 1px solid #DBDFEA; 86 color: #E48A2B; 87 font-size: 115.385%; 88 font-weight: normal; 89 padding-bottom: 2px; 90 } 91 92 h5, h6 { font-size: 107.692%; } 93 94 /* -- Code and examples ----------------------------------------------------- */ 95 code, kbd, pre, samp { 96 font-family: Menlo, Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; 97 font-size: 92.308%; 98 } 99 100 p code, p kbd, p samp { 101 background: #FCFBFA; 102 border: 1px solid #EFEEED; 103 padding: 0 3px; 104 } 105 106 a code, a kbd, a samp, 107 pre code, pre kbd, pre samp, 108 table code, table kbd, table samp, 109 .intro code, .intro kbd, .intro samp, 110 .toc code, .toc kbd, .toc samp { 111 background: none; 112 border: none; 113 padding: 0; 114 } 115 116 pre.code, pre.terminal, pre.cmd { 117 overflow-x: auto; 118 *overflow-x: scroll; 119 padding: 0.3em 0.6em; 120 } 121 122 pre.code { 123 background: #FCFBFA; 124 border: 1px solid #EFEEED; 125 border-left-width: 5px; 126 } 127 128 pre.terminal, pre.cmd { 129 background: #F0EFFC; 130 border: 1px solid #D0CBFB; 131 border-left: 5px solid #D0CBFB; 132 } 133 134 /* Don't reduce the font size of <code>/<kbd>/<samp> elements inside <pre> 135 blocks. */ 136 pre code, pre kbd, pre samp { font-size: 100%; } 137 138 /* Used to denote text that shouldn't be selectable, such as line numbers or 139 shell prompts. Guess which browser this doesn't work in. */ 140 .noselect { 141 -moz-user-select: -moz-none; 142 -khtml-user-select: none; 143 -webkit-user-select: none; 144 -o-user-select: none; 145 user-select: none; 146 } 147 148 /* -- Lists ----------------------------------------------------------------- */ 149 dd { margin: 0.2em 0 0.7em 1em; } 150 dl { margin: 1em 0; } 151 dt { font-weight: bold; } 152 153 /* -- Tables ---------------------------------------------------------------- */ 154 caption, th { text-align: left; } 155 156 table { 157 border-collapse: collapse; 158 width: 100%; 159 } 160 161 td, th { 162 border: 1px solid #fff; 163 padding: 5px 12px; 164 vertical-align: top; 165 } 166 167 td { background: #E6E9F5; } 168 td dl { margin: 0; } 169 td dl dl { margin: 1em 0; } 170 td pre:first-child { margin-top: 0; } 171 172 th { 173 background: #D2D7E6;/*#97A0BF*/ 174 border-bottom: none; 175 border-top: none; 176 color: #000;/*#FFF1D5*/ 177 font-family: 'Trebuchet MS', sans-serif; 178 font-weight: bold; 179 line-height: 1.3; 180 white-space: nowrap; 181 } 182 183 184 /* -- Layout and Content ---------------------------------------------------- */ 185 #doc { 186 margin: auto; 187 min-width: 1024px; 188 } 189 190 .content { padding: 0 20px 0 25px; } 191 192 .sidebar { 193 padding: 0 15px 0 10px; 194 } 195 #bd { 196 padding: 7px 0 130px; 197 position: relative; 198 width: 99%; 199 } 200 201 /* -- Table of Contents ----------------------------------------------------- */ 202 203 /* The #toc id refers to the single global table of contents, while the .toc 204 class refers to generic TOC lists that could be used throughout the page. */ 205 206 .toc code, .toc kbd, .toc samp { font-size: 100%; } 207 .toc li { font-weight: bold; } 208 .toc li li { font-weight: normal; } 209 210 /* -- Intro and Example Boxes ----------------------------------------------- */ 211 /* 212 .intro, .example { margin-bottom: 2em; } 213 .example { 214 -moz-border-radius: 4px; 215 -webkit-border-radius: 4px; 216 border-radius: 4px; 217 -moz-box-shadow: 0 0 5px #bfbfbf; 218 -webkit-box-shadow: 0 0 5px #bfbfbf; 219 box-shadow: 0 0 5px #bfbfbf; 220 padding: 1em; 221 } 222 .intro { 223 background: none repeat scroll 0 0 #F0F1F8; border: 1px solid #D4D8EB; padding: 0 1em; 224 } 225 */ 226 227 /* -- Other Styles ---------------------------------------------------------- */ 228 229 /* These are probably YUI-specific, and should be moved out of Selleck's default 230 theme. */ 231 232 .button { 233 border: 1px solid #dadada; 234 -moz-border-radius: 3px; 235 -webkit-border-radius: 3px; 236 border-radius: 3px; 237 color: #444; 238 display: inline-block; 239 font-family: Helvetica, Arial, sans-serif; 240 font-size: 92.308%; 241 font-weight: bold; 242 padding: 4px 13px 3px; 243 -moz-text-shadow: 1px 1px 0 #fff; 244 -webkit-text-shadow: 1px 1px 0 #fff; 245 text-shadow: 1px 1px 0 #fff; 246 white-space: nowrap; 247 248 background: #EFEFEF; /* old browsers */ 249 background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 50%, #e5e5e5 51%, #dfdfdf 100%); /* firefox */ 250 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#efefef), color-stop(51%,#e5e5e5), color-stop(100%,#dfdfdf)); /* webkit */ 251 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dfdfdf',GradientType=0 ); /* ie */ 252 } 253 254 .button:hover { 255 border-color: #466899; 256 color: #fff; 257 text-decoration: none; 258 -moz-text-shadow: 1px 1px 0 #222; 259 -webkit-text-shadow: 1px 1px 0 #222; 260 text-shadow: 1px 1px 0 #222; 261 262 background: #6396D8; /* old browsers */ 263 background: -moz-linear-gradient(top, #6396D8 0%, #5A83BC 50%, #547AB7 51%, #466899 100%); /* firefox */ 264 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6396D8), color-stop(50%,#5A83BC), color-stop(51%,#547AB7), color-stop(100%,#466899)); /* webkit */ 265 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6396D8', endColorstr='#466899',GradientType=0 ); /* ie */ 266 } 267 268 .newwindow { text-align: center; } 269 270 .header .version em { 271 display: block; 272 text-align: right; 273 } 274 275 276 #classdocs .item { 277 border-bottom: 1px solid #466899; 278 margin: 1em 0; 279 padding: 1.5em; 280 } 281 282 #classdocs .item .params p, 283 #classdocs .item .returns p,{ 284 display: inline; 285 } 286 287 #classdocs .item em code, #classdocs .item em.comment { 288 color: green; 289 } 290 291 #classdocs .item em.comment a { 292 color: green; 293 text-decoration: underline; 294 } 295 296 #classdocs .foundat { 297 font-size: 11px; 298 font-style: normal; 299 } 300 301 .attrs .emits { 302 margin-left: 2em; 303 padding: .5em; 304 border-left: 1px dashed #ccc; 305 } 306 307 abbr { 308 border-bottom: 1px dashed #ccc; 309 font-size: 80%; 310 cursor: help; 311 } 312 313 .prettyprint li.L0, 314 .prettyprint li.L1, 315 .prettyprint li.L2, 316 .prettyprint li.L3, 317 .prettyprint li.L5, 318 .prettyprint li.L6, 319 .prettyprint li.L7, 320 .prettyprint li.L8 { 321 list-style: decimal; 322 } 323 324 ul li p { 325 margin-top: 0; 326 } 327 328 .method .name { 329 font-size: 110%; 330 } 331 332 .apidocs .methods .extends .method, 333 .apidocs .properties .extends .property, 334 .apidocs .attrs .extends .attr, 335 .apidocs .events .extends .event { 336 font-weight: bold; 337 } 338 339 .apidocs .methods .extends .inherited, 340 .apidocs .properties .extends .inherited, 341 .apidocs .attrs .extends .inherited, 342 .apidocs .events .extends .inherited { 343 font-weight: normal; 344 } 345 346 #hd { 347 background: whiteSmoke; 348 background: -moz-linear-gradient(top,#DCDBD9 0,#F6F5F3 100%); 349 background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#DCDBD9),color-stop(100%,#F6F5F3)); 350 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdbd9',endColorstr='#F6F5F3',GradientType=0); 351 border-bottom: 1px solid #DFDFDF; 352 padding: 0 15px 1px 20px; 353 margin-bottom: 15px; 354 } 355 356 #hd img { 357 margin-right: 10px; 358 vertical-align: middle; 359 } 360 361 362 /* -- API Docs CSS ---------------------------------------------------------- */ 363 364 /* 365 This file is organized so that more generic styles are nearer the top, and more 366 specific styles are nearer the bottom of the file. This allows us to take full 367 advantage of the cascade to avoid redundant style rules. Please respect this 368 convention when making changes. 369 */ 370 371 /* -- Generic TabView styles ------------------------------------------------ */ 372 373 /* 374 These styles apply to all API doc tabviews. To change styles only for a 375 specific tabview, see the other sections below. 376 */ 377 378 .yui3-js-enabled .apidocs .tabview { 379 visibility: hidden; /* Hide until the TabView finishes rendering. */ 380 _visibility: visible; 381 } 382 383 .apidocs .tabview.yui3-tabview-content { visibility: visible; } 384 .apidocs .tabview .yui3-tabview-panel { background: #fff; } 385 386 /* -- Generic Content Styles ------------------------------------------------ */ 387 388 /* Headings */ 389 h2, h3, h4, h5, h6 { 390 border: none; 391 color: #30418C; 392 font-weight: bold; 393 text-decoration: none; 394 } 395 396 .link-docs { 397 float: right; 398 font-size: 15px; 399 margin: 4px 4px 6px; 400 padding: 6px 30px 5px; 401 } 402 403 .apidocs { zoom: 1; } 404 405 /* Generic box styles. */ 406 .apidocs .box { 407 border: 1px solid; 408 border-radius: 3px; 409 margin: 1em 0; 410 padding: 0 1em; 411 } 412 413 /* A flag is a compact, capsule-like indicator of some kind. It's used to 414 indicate private and protected items, item return types, etc. in an 415 attractive and unobtrusive way. */ 416 .apidocs .flag { 417 background: #bababa; 418 border-radius: 3px; 419 color: #fff; 420 font-size: 11px; 421 margin: 0 0.5em; 422 padding: 2px 4px 1px; 423 } 424 425 /* Class/module metadata such as "Uses", "Extends", "Defined in", etc. */ 426 .apidocs .meta { 427 background: #f9f9f9; 428 border-color: #efefef; 429 color: #555; 430 font-size: 11px; 431 padding: 3px 6px; 432 } 433 434 .apidocs .meta p { margin: 0; } 435 436 /* Deprecation warning. */ 437 .apidocs .box.deprecated, 438 .apidocs .flag.deprecated { 439 background: #fdac9f; 440 border: 1px solid #fd7775; 441 } 442 443 .apidocs .box.deprecated p { margin: 0.5em 0; } 444 .apidocs .flag.deprecated { color: #333; } 445 446 /* Module/Class intro description. */ 447 .apidocs .intro { 448 background: #f0f1f8; 449 border-color: #d4d8eb; 450 } 451 452 /* Loading spinners. */ 453 #bd.loading .apidocs, 454 #api-list.loading .yui3-tabview-panel { 455 background: #fff url(../img/spinner.gif) no-repeat center 70px; 456 min-height: 150px; 457 } 458 459 #bd.loading .apidocs .content, 460 #api-list.loading .yui3-tabview-panel .apis { 461 display: none; 462 } 463 464 .apidocs .no-visible-items { color: #666; } 465 466 /* Generic inline list. */ 467 .apidocs ul.inline { 468 display: inline; 469 list-style: none; 470 margin: 0; 471 padding: 0; 472 } 473 474 .apidocs ul.inline li { display: inline; } 475 476 /* Comma-separated list. */ 477 .apidocs ul.commas li:after { content: ','; } 478 .apidocs ul.commas li:last-child:after { content: ''; } 479 480 /* Keyboard shortcuts. */ 481 kbd .cmd { font-family: Monaco, Helvetica; } 482 483 /* -- Generic Access Level styles ------------------------------------------- */ 484 .apidocs .item.protected, 485 .apidocs .item.private, 486 .apidocs .index-item.protected, 487 .apidocs .index-item.deprecated, 488 .apidocs .index-item.private { 489 display: none; 490 } 491 492 .show-deprecated .item.deprecated, 493 .show-deprecated .index-item.deprecated, 494 .show-protected .item.protected, 495 .show-protected .index-item.protected, 496 .show-private .item.private, 497 .show-private .index-item.private { 498 display: block; 499 } 500 501 .hide-inherited .item.inherited, 502 .hide-inherited .index-item.inherited { 503 display: none; 504 } 505 506 /* -- Generic Item Index styles --------------------------------------------- */ 507 .apidocs .index { margin: 1.5em 0 3em; } 508 509 .apidocs .index h3 { 510 border-bottom: 1px solid #efefef; 511 color: #333; 512 font-size: 13px; 513 margin: 2em 0 0.6em; 514 padding-bottom: 2px; 515 } 516 517 .apidocs .index .no-visible-items { margin-top: 2em; } 518 519 .apidocs .index-list { 520 border-color: #efefef; 521 font-size: 12px; 522 list-style: none; 523 margin: 0; 524 padding: 0; 525 -moz-column-count: 4; 526 -moz-column-gap: 10px; 527 -moz-column-width: 170px; 528 -ms-column-count: 4; 529 -ms-column-gap: 10px; 530 -ms-column-width: 170px; 531 -o-column-count: 4; 532 -o-column-gap: 10px; 533 -o-column-width: 170px; 534 -webkit-column-count: 4; 535 -webkit-column-gap: 10px; 536 -webkit-column-width: 170px; 537 column-count: 4; 538 column-gap: 10px; 539 column-width: 170px; 540 } 541 542 .apidocs .no-columns .index-list { 543 -moz-column-count: 1; 544 -ms-column-count: 1; 545 -o-column-count: 1; 546 -webkit-column-count: 1; 547 column-count: 1; 548 } 549 550 .apidocs .index-item { white-space: nowrap; } 551 552 .apidocs .index-item .flag { 553 background: none; 554 border: none; 555 color: #afafaf; 556 display: inline; 557 margin: 0 0 0 0.2em; 558 padding: 0; 559 } 560 561 /* -- Generic API item styles ----------------------------------------------- */ 562 .apidocs .args { 563 display: inline; 564 margin: 0 0.5em; 565 } 566 567 .apidocs .flag.chainable { background: #46ca3b; } 568 .apidocs .flag.protected { background: #9b86fc; } 569 .apidocs .flag.private { background: #fd6b1b; } 570 .apidocs .flag.async { background: #356de4; } 571 .apidocs .flag.required { background: #e60923; } 572 573 .apidocs .item { 574 border-bottom: 1px solid #efefef; 575 padding-top: 10px; 576 padding-bottom: 10px; 577 } 578 579 .apidocs .item h4, 580 .apidocs .item h5, 581 .apidocs .item h6 { 582 color: #333; 583 font-family: inherit; 584 font-size: 100%; 585 } 586 587 .apidocs .item .description p, 588 .apidocs .item pre.code { 589 margin: 1em 0 0; 590 } 591 592 .apidocs .item .meta { 593 background: none; 594 border: none; 595 padding: 0; 596 } 597 598 .apidocs .item .name { 599 display: inline; 600 font-size: 14px; 601 } 602 603 .apidocs .item .type, 604 .apidocs .item .type a, 605 .apidocs .returns-inline { 606 color: #555; 607 } 608 609 .apidocs .item .type, 610 .apidocs .returns-inline { 611 font-size: 11px; 612 margin: 0 0 0 0; 613 } 614 615 .apidocs .item .type a { border-bottom: 1px dotted #afafaf; } 616 .apidocs .item .type a:hover { border: none; } 617 618 /* -- Item Parameter List --------------------------------------------------- */ 619 .apidocs .params-list { 620 list-style: square; 621 margin: 1em 0 0 2em; 622 padding: 0; 623 } 624 625 .apidocs .param .param-description { 626 padding-top: 2px; 627 } 628 629 .apidocs .param { margin-bottom: 1em; } 630 631 .apidocs .param .type, 632 .apidocs .param .type a { 633 color: #666; 634 } 635 636 .apidocs .param .type { 637 margin: 0 0 0 0.5em; 638 *margin-left: 0.5em; 639 } 640 641 .apidocs .param-name { font-weight: bold; } 642 643 /* -- Item "Emits" block ---------------------------------------------------- */ 644 .apidocs .item .emits { 645 background: #f9f9f9; 646 border-color: #eaeaea; 647 } 648 649 /* -- Item "Returns" block -------------------------------------------------- */ 650 .apidocs .item .returns .type, 651 .apidocs .item .returns .type a { 652 font-size: 100%; 653 margin: 0; 654 } 655 656 /* -- Class Constructor block ----------------------------------------------- */ 657 .apidocs .constructor .item { 658 border: none; 659 padding-bottom: 0; 660 } 661 662 .apidocs .constructor { 663 padding-bottom: 10px; 664 } 665 666 /* -- File Source View ------------------------------------------------------ */ 667 .apidocs .file pre.code, 668 #doc .apidocs .file pre.prettyprint { 669 background: inherit; 670 border: none; 671 overflow: visible; 672 padding: 0; 673 } 674 675 .apidocs .L0, 676 .apidocs .L1, 677 .apidocs .L2, 678 .apidocs .L3, 679 .apidocs .L4, 680 .apidocs .L5, 681 .apidocs .L6, 682 .apidocs .L7, 683 .apidocs .L8, 684 .apidocs .L9 { 685 background: inherit; 686 } 687 688 /* -- Submodule List -------------------------------------------------------- */ 689 .apidocs .module-submodule-description { 690 font-size: 12px; 691 margin: 0.3em 0 1em; 692 } 693 694 .apidocs .module-submodule-description p:first-child { margin-top: 0; } 695 696 /* -- Sidebar TabView ------------------------------------------------------- */ 697 #api-tabview { margin-top: 0.6em; } 698 699 #api-tabview-filter, 700 #api-tabview-panel { 701 border: 1px solid #dfdfdf; 702 } 703 704 #api-tabview-filter { 705 border-bottom: none; 706 border-top: none; 707 padding: 0.6em 10px 0 10px; 708 } 709 710 #api-tabview-panel { border-top: none; } 711 #api-filter { width: 97%; } 712 713 /* -- Content TabView ------------------------------------------------------- */ 714 #classdocs .yui3-tabview-panel { border: none; } 715 716 /* -- Source File Contents -------------------------------------------------- */ 717 .prettyprint li.L0, 718 .prettyprint li.L1, 719 .prettyprint li.L2, 720 .prettyprint li.L3, 721 .prettyprint li.L5, 722 .prettyprint li.L6, 723 .prettyprint li.L7, 724 .prettyprint li.L8 { 725 list-style: decimal; 726 } 727 728 /* -- API options ----------------------------------------------------------- */ 729 #api-options { 730 font-size: 11px; 731 margin-top: 2.2em; 732 position: absolute; 733 right: 1.5em; 734 } 735 736 /*#api-options label { margin-right: 0.6em; }*/ 737 738 /* -- API list -------------------------------------------------------------- */ 739 #api-list { 740 margin-top: 1.5em; 741 *zoom: 1; 742 } 743 744 .apis { 745 font-size: 12px; 746 line-height: 1.4; 747 list-style: none; 748 margin: 0; 749 padding: 0.5em 0 0.5em 0.4em; 750 } 751 752 .apis a { 753 border: 1px solid transparent; 754 display: block; 755 margin: 0 0 0 -4px; 756 padding: 1px 4px 0; 757 text-decoration: none; 758 _border: none; 759 _display: inline; 760 } 761 762 .apis a:hover, 763 .apis a:focus { 764 background: #E8EDFC; 765 background: -moz-linear-gradient(top, #e8edfc 0%, #becef7 100%); 766 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8EDFC), color-stop(100%,#BECEF7)); 767 border-color: #AAC0FA; 768 border-radius: 3px; 769 color: #333; 770 outline: none; 771 } 772 773 .api-list-item a:hover, 774 .api-list-item a:focus { 775 font-weight: bold; 776 text-shadow: 1px 1px 1px #fff; 777 } 778 779 .apis .message { color: #888; } 780 .apis .result a { padding: 3px 5px 2px; } 781 782 .apis .result .type { 783 right: 4px; 784 top: 7px; 785 } 786 787 .api-list-item .yui3-highlight { 788 font-weight: bold; 789 } 790 791 .form-inline label { 792 line-height: 20px; 793 }