build/tools/droiddoc/templates/assets/android-developer-docs.css

   1 /* file: android-developer-docs.css
   2    author: smain
   3    date: september 2008
   4    info: developer doc styles (developer.android.com)
   5 */
   6
   7 @import url("android-developer-core.css");
   8
   9 #title {
  10   border-bottom: 4px solid #ccc;
  11   display:none;
  12 }
  13
  14 #title h1 {
  15   color:#336666;
  16   margin:0;
  17   padding: 5px 10px;
  18   font-size: 1em;
  19   line-height: 15px;
  20 }
  21
  22 #title h1 .small{
  23   color:#000;
  24   margin:0;
  25   font-size: 13px;
  26   padding:0 0 0 15px;
  27 }
  28
  29 /* SIDE NAVIGATION */
  30
  31 #side-nav {
  32   padding:0 6px 0 0;
  33   background-color: #fff;
  34   font-size:12px;
  35 }
  36
  37 #resize-packages-nav {
  38 /* keeps the resize handle below the h-scroll handle */
  39   height:270px;
  40   overflow:hidden;
  41   max-height:100%;
  42 }
  43
  44 #packages-nav {
  45   height:270px;
  46   max-height:inherit;
  47   position:relative;
  48   overflow:auto;
  49 }
  50
  51 #classes-nav,
  52 #devdoc-nav {
  53   overflow:auto;
  54   position:relative;
  55 }
  56
  57 #side-nav ul {
  58   list-style: none;
  59   margin: 0;
  60   padding:5px 0;
  61 }
  62
  63 #side-nav ul ul {
  64   margin: .35em 0 0 0;
  65   padding: 0;
  66 }
  67
  68 #side-nav li {
  69   padding:0;
  70   line-height:16px;
  71   white-space:nowrap;
  72   zoom:1;
  73 }
  74
  75 #side-nav li h2 {
  76   font-size:12px;
  77   font-weight: bold;
  78   margin:.5em 0 0 0;
  79   padding: 3px 0 1px 9px;
  80 }
  81
  82 #side-nav li a {
  83   text-decoration:none;
  84   padding: 0 0 0 18px;
  85   zoom:1;
  86 }
  87
  88 #side-nav li a span+span {
  89   display:none;
  90 }
  91
  92 #side-nav li a:hover {
  93   text-decoration:underline;
  94 }
  95
  96 #side-nav li a+a {
  97   padding: 0;
  98 }
  99 /*second level (nested) list*/
 100 #side-nav li li li a {
 101   padding: 0 0 0 28px;
 102 }
 103 /*third level (nested) list*/
 104 #side-nav li li li li a {
 105   padding: 0 0 0 38px;
 106 }
 107
 108 #side-nav .selected {
 109   background-color: #435a6e;
 110   color: #fff;
 111   font-weight:bold;
 112 }
 113
 114 #side-nav .selected a {
 115   color: #fff;
 116   text-decoration:none;
 117 }
 118
 119 #side-nav strong {
 120   display:block;
 121 }
 122
 123 #side-nav .toggle-list .toggle-img {
 124   margin:0;
 125   padding:0;
 126   position:absolute;
 127   top:0;
 128   left:0;
 129   height:16px;
 130   width:15px;
 131   outline-style:none;
 132 }
 133 /* second-level toggle */
 134 #side-nav .toggle-list .toggle-list .toggle-img {
 135   left:10px;
 136 }
 137
 138 #side-nav .closed .toggle-img,
 139 #side-nav .open .closed .toggle-img {
 140   background:url('images/triangle-closed-small.png') 7px 4px no-repeat;
 141 }
 142 #side-nav .open .toggle-img {
 143   background:url('images/triangle-opened-small.png') 7px 4px no-repeat;
 144 }
 145
 146 #side-nav .toggle-list {
 147   position:relative;
 148 }
 149
 150 #side-nav .toggle-list ul {
 151   margin:0;
 152   display:none;
 153 }
 154
 155 #side-nav .toggle-list div {
 156   display:block;
 157 }
 158
 159 #index-links .selected {
 160   background-color: #fff;
 161   color: #000;
 162   font-weight:normal;
 163   text-decoration:none;
 164 }
 165
 166 #index-links {
 167   padding:7px 0 4px 10px;
 168 }
 169
 170 /* nav tree */
 171
 172 #nav-tree ul {
 173   padding:5px 0 1.5em;
 174 }
 175
 176 #side-nav #nav-tree ul li a,
 177 #side-nav #nav-tree ul li span.no-children {
 178   padding: 0 0 0 0;
 179   margin: 0;
 180 }
 181
 182 #nav-tree .plus {
 183   margin: 0 3px 0 0;
 184 }
 185
 186 #nav-tree ul ul {
 187   list-style: none;
 188   margin: 0;
 189   padding: 0 0 0 0;
 190 }
 191
 192 #nav-tree ul li {
 193   margin: 0;
 194   padding: 0 0 0 0;
 195   white-space: nowrap;
 196 }
 197
 198 #nav-tree .children_ul {
 199   margin:0;
 200 }
 201
 202 #nav-tree a.nolink {
 203   color: black;
 204   text-decoration: none;
 205 }
 206
 207 #nav-tree span.label {
 208   width: 100%;
 209 }
 210
 211 #nav-tree {
 212   overflow-x: auto;
 213   overflow-y: scroll;
 214 }
 215
 216 #nav-swap {
 217   font-size:10px;
 218   line-height:10px;
 219   margin-left:1em;
 220   text-decoration:none;
 221   display:block;
 222 }
 223
 224 #tree-link {
 225
 226 }
 227
 228 /* DOCUMENT BODY */
 229
 230 #doc-content {
 231   overflow:auto;
 232 }
 233
 234 #jd-header {
 235   background-color: #E2E2E2;
 236   padding: 7px 15px;
 237 }
 238
 239 #jd-header h1 {
 240   margin: 0 0 10px;
 241   font-size:1.7em;
 242 }
 243
 244 #jd-header .crumb {
 245   font-size:.9em;
 246   line-height:1em;
 247   color:#777;
 248 }
 249
 250 #jd-header .crumb a,
 251 #jd-header .crumb a:visited {
 252   text-decoration:none;
 253   color:#777;
 254 }
 255
 256 #jd-header .crumb a:hover {
 257   text-decoration:underline;
 258 }
 259
 260 #jd-header table {
 261   margin:0;
 262   padding:0;
 263 }
 264
 265 #jd-header td {
 266   border:none;
 267   padding:0;
 268   vertical-align:top;
 269 }
 270
 271 #jd-header.guide-header {
 272   background-color:#fff;
 273   color:#435a6e;
 274   height:50px;
 275 }
 276
 277 #jd-descr {
 278   position:relative;
 279 }
 280
 281 /* summary tables for reference pages */
 282 .jd-sumtable {
 283   margin: .5em 1em 1em 1em;
 284   width:95%; /* consistent table widths; within IE's quirks */
 285   font-size:.9em;
 286 }
 287
 288 .jd-sumtable a {
 289   text-decoration:none;
 290 }
 291
 292 .jd-sumtable a:hover {
 293   text-decoration:underline;
 294 }
 295
 296 /* the link inside a sumtable for "Show All/Hide All" */
 297 .toggle-all {
 298   display:block;
 299   float:right;
 300   font-weight:normal;
 301   font-size:0.9em;
 302 }
 303
 304 /* adjustments for in/direct subclasses tables */
 305 .jd-sumtable-subclasses {
 306   margin: 1em 0 0 0;
 307   max-width:968px;
 308 }
 309
 310 /* extra space between end of method name and open-paren */
 311 .sympad {
 312   margin-right: 2px;
 313 }
 314
 315 /* right alignment for the return type in sumtable */
 316 .jd-sumtable .jd-typecol {
 317   text-align:right;
 318 }
 319
 320 /* adjustments for the expando table-in-table */
 321 .jd-sumtable-expando {
 322   margin:.5em 0;
 323   padding:0;
 324 }
 325
 326 /* a div that holds a short description */
 327 .jd-descrdiv {
 328   padding:3px 1em 0 1em;
 329   margin:0;
 330   border:0;
 331 }
 332
 333 /* page-top-right container for reference pages (holds
 334 links to summary tables) */
 335 #api-info-block {
 336   font-size:.8em;
 337   padding:6px 10px;
 338   font-weight:normal;
 339   float:right;
 340   text-align:right;
 341   color:#999;
 342   max-width:70%;
 343 }
 344
 345 #api-level-toggle {
 346   padding:0 10px;
 347   font-size:11px;
 348   float:right;
 349 }
 350
 351 #api-level-toggle label.disabled {
 352   color:#999;
 353 }
 354
 355 div.api-level {
 356   font-size:.8em;
 357   font-weight:normal;
 358   color:#999;
 359   float:right;
 360   padding:0 7px 0;
 361   margin-top:-25px;
 362 }
 363
 364 #api-info-block div.api-level {
 365   font-size:1.3em;
 366   font-weight:bold;
 367   float:none;
 368   color:#444;
 369   padding:0;
 370   margin:0;
 371 }
 372
 373 /* Force link colors for IE6 */
 374 div.api-level a {
 375   color:#999;
 376 }
 377 #api-info-block div.api-level a:link {
 378   color:#444;
 379 }
 380 #api-level-toggle a {
 381   color:#999;
 382 }
 383
 384 div#naMessage {
 385   display:none;
 386   width:555px;
 387   height:0;
 388   margin:0 auto;
 389 }
 390
 391 div#naMessage div {
 392   width:450px;
 393   position:fixed;
 394   margin:50px 0;
 395   padding:4em 4em 3em;
 396   background:#FFF;
 397   background:rgba(255,255,255,0.7);
 398   border:1px solid #dddd00;
 399 }
 400 /* IE6 can't position fixed */
 401 * html div#naMessage div { position:absolute; }
 402
 403 div#naMessage strong {
 404   font-size:1.1em;
 405 }
 406
 407 .absent,
 408 .absent a:link,
 409 .absent a:visited,
 410 .absent a:hover,
 411 .absent * {
 412   color:#bbb !important;
 413   cursor:default !important;
 414   text-decoration:none !important;
 415 }
 416
 417 #api-level-toggle a,
 418 .api-level a {
 419   color:inherit;
 420   text-decoration:none;
 421 }
 422
 423 #api-level-toggle a:hover,
 424 .api-level a:hover {
 425   color:inherit;
 426   text-decoration:underline !important;
 427   cursor:pointer !important;
 428 }
 429
 430 #side-nav li.absent.selected,
 431 #side-nav li.absent.selected *,
 432 #side-nav div.label.absent.selected,
 433 #side-nav div.label.absent.selected * {
 434   background-color:#eaeaea !important;
 435 }
 436 /* IE6 quirk (won't chain classes, so just keep background blue) */
 437 * html #side-nav li.selected,
 438 * html #side-nav li.selected *,
 439 * html #side-nav div.label.selected,
 440 * html #side-nav div.label.selected * {
 441   background-color: #435a6e !important;
 442 }
 443
 444
 445 .absent h4.jd-details-title,
 446 .absent h4.jd-details-title * {
 447   background-color:#f6f6f6 !important;
 448 }
 449
 450 .absent img {
 451   opacity: .3;
 452   filter: alpha(opacity=30);
 453   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
 454 }
 455
 456
 457 /* applies to a div containing links to summary tables */
 458 .sum-details-links {
 459   padding:0;
 460   font-weight:normal;
 461 }
 462
 463 .sum-details-links a {
 464   text-decoration:none;
 465 }
 466
 467 .sum-details-links a:hover {
 468   text-decoration:underline;
 469 }
 470
 471
 472 /* inheritance table */
 473 .jd-inheritance-table {
 474   border-spacing:0;
 475   margin:0;
 476   padding:0;
 477   font-size:.9em;
 478 }
 479 .jd-inheritance-table td {
 480   border: none;
 481   margin: 0;
 482   padding: 0;
 483 }
 484 .jd-inheritance-table .jd-inheritance-space {
 485   font-weight:bold;
 486   width:1em;
 487 }
 488 .jd-inheritance-table .jd-inheritance-interface-cell {
 489   padding-left: 17px;
 490 }
 491
 492 #jd-content {
 493   padding: 18px 15px;
 494 }
 495
 496 hr {
 497   background-color:#ccc;
 498   border-color:#fff;
 499   margin:2em 0 1em;
 500 }
 501
 502 /* DOC CLASSES */
 503
 504 #jd-content h1 {
 505 /*sdk page*/
 506   font-size:1.6em;
 507   color:#336666;
 508   margin:0 0 .5em;
 509 }
 510
 511 #jd-content h2 {
 512   font-size:1.45em;
 513   color:#111;
 514   border-top:2px solid #ccc;
 515   padding: .5em 0 0;
 516   margin: 2em 0 1em 0;
 517 }
 518
 519 #jd-content h3 {
 520   font-size:1.2em;
 521   color:#222;
 522   padding: .75em 0 .65em 0;
 523   margin:0;
 524 }
 525
 526 #jd-content h4 {
 527   font-size:1.1em;
 528   margin-bottom:.5em;
 529   color:#222;
 530 }
 531
 532 #jd-content .small-header {
 533   font-size:1em;
 534   color:#000;
 535   font-weight:bold;
 536   border:none;
 537   padding:0;
 538   margin:1em 0 .5em;
 539   position:inherit;
 540 }
 541
 542 #jd-content table {
 543   margin: 0 0 1em 1em;
 544 }
 545
 546 #jd-content img {
 547   margin: 0 0 1em 1em;
 548 }
 549
 550 #jd-content li img,
 551 #jd-content dd img {
 552   margin:.5em 0 0 1em;
 553 }
 554
 555 .nolist {
 556   list-style:none;
 557   padding:0;
 558   margin:0 0 1em 1em;
 559 }
 560
 561 .nolist li {
 562   padding:0 0 2px;
 563   margin:0;
 564 }
 565
 566 h4 .normal {
 567   font-size:.9em;
 568   font-weight:normal;
 569 }
 570
 571 .caps {
 572   font-variant:small-caps;
 573   font-size:1.2em;
 574 }
 575
 576 dl.tag-list dl.atn-list {
 577   padding:0 0 0 2em;
 578 }
 579
 580 .jd-details {
 581 /*  border:1px solid #669999;
 582   padding:4px; */
 583   margin:0 0 1em;
 584 }
 585
 586 /* API reference: a container for the
 587 .tagdata blocks that make up the detailed
 588 description */
 589 .jd-details-descr {
 590   padding:0;
 591   margin:.5em .25em;
 592 }
 593
 594 /* API reference: a block containing
 595 a detailed description, a params table,
 596 seealso list, etc */
 597 .jd-tagdata {
 598   margin:.5em 1em;
 599 }
 600
 601 .jd-tagdata p {
 602   margin:0 0 1em 1em;
 603 }
 604
 605 /* API reference: adjustments to
 606 the detailed description block */
 607 .jd-tagdescr {
 608   margin:.25em 0 .75em 0;
 609   line-height:1em;
 610 }
 611
 612 .jd-tagdescr p {
 613   margin:.5em 0;
 614   padding:0;
 615
 616 }
 617
 618 .jd-tagdescr ol,
 619 .jd-tagdescr ul {
 620   margin:0 2.5em;
 621   padding:0;
 622 }
 623
 624 .jd-tagdescr table,
 625 .jd-tagdescr img {
 626   margin:.25em 1em;
 627 }
 628
 629 .jd-tagdescr li {
 630 margin:0 0 .25em 0;
 631 padding:0;
 632 }
 633
 634 /* API reference: heading marking
 635 the details section for constants,
 636 attrs, methods, etc. */
 637 h4.jd-details-title {
 638   font-size:1.15em;
 639   background-color: #E2E2E2;
 640   margin:1.5em 0 .6em;
 641   padding:3px 95px 3px 3px; /* room for api-level */
 642 }
 643
 644 h4.jd-tagtitle {
 645   margin:0;
 646 }
 647
 648 /* API reference: heading for "Parameters", "See Also", etc.,
 649 in details sections */
 650 h5.jd-tagtitle {
 651   margin:0 0 .25em 0;
 652   font-size:1em;
 653 }
 654
 655 .jd-tagtable {
 656   margin:0;
 657 }
 658
 659 .jd-tagtable td,
 660 .jd-tagtable th {
 661   border:none;
 662   background-color:#fff;
 663   vertical-align:top;
 664   font-weight:normal;
 665   padding:2px 10px;
 666 }
 667
 668 .jd-tagtable th {
 669   font-style:italic;
 670 }
 671
 672 #jd-content table h2 {
 673   background-color: #d6d6d6;
 674   font-size: 1.1em;
 675   margin:0 0 10px;
 676   padding:5px;
 677   left:0;
 678   width:auto;
 679 }
 680
 681 div.special {
 682   padding: .5em 1em 1em 1em;
 683   margin: 0 0 1em;
 684   background-color: #DAF3FC;
 685   border:1px solid #d3ecf5;
 686   border-radius:5px;
 687   -moz-border-radius:5px;
 688   -webkit-border-radius:5px;
 689 }
 690
 691 .toggle-content-toggleme {
 692   display:none;
 693 }
 694
 695 .toggle-content-button {
 696   font-size:.9em;
 697   line-height:.9em;
 698   text-decoration:none;
 699   position:relative;
 700   top:5px;
 701 }
 702
 703 .toggle-content-button:hover {
 704   text-decoration:underline;
 705 }
 706
 707 div.special p {
 708   margin: .5em 0 0 0;
 709 }
 710
 711 div.special ol {
 712   margin: 0;
 713 }
 714
 715 div.special ol li {
 716   margin: 0;
 717   padding: 0;
 718 }
 719
 720 #jd-content div.special h2,
 721 #jd-content div.special h3 {
 722   color:#669999;
 723   font-size:1.2em;
 724   border:none;
 725   margin:0 0 .5em;
 726   padding:0;
 727 }
 728
 729 p.note, p.caution, p.warning {
 730   margin: 1em;
 731   padding: 0 0 0 .5em;
 732   border-left: 4px solid;
 733 }
 734
 735 p.special-note {
 736   background-color:#EBF3DB;
 737   padding:10px 20px;
 738   margin:0 0 1em;
 739 }
 740
 741 p.note {
 742  border-color: #99aacc;
 743 }
 744
 745 p.warning {
 746   border-color: #aa0033;
 747 }
 748
 749 p.caution {
 750   border-color: #ffcf00;
 751 }
 752
 753 p.warning b, p.warning strong {
 754   font-weight: bold;
 755 }
 756
 757 li p.note, li p.warning {
 758   margin: .5em 0 0 0;
 759   padding: .2em .5em .2em .9em;
 760 }
 761
 762 dl.xml dt {
 763   font-variant:small-caps;
 764   font-size:1.2em;
 765 }
 766
 767 dl.xml dl {
 768   padding:0;
 769 }
 770
 771 dl.xml dl dt {
 772   font-variant:normal;
 773   font-size:1em;
 774 }
 775
 776 .listhead li {
 777   font-weight: bold;
 778 }
 779
 780 .listhead li *, /*ie*/.listhead li li {
 781   font-weight: normal;
 782 }
 783
 784 ol.no-style,
 785 ul.no-style {
 786   list-style:none;
 787   padding-left:1em;
 788 }
 789
 790 .new {
 791   font-size: .78em;
 792   font-weight: bold;
 793   color: #ff3d3d;
 794   text-decoration: none;
 795   vertical-align:top;
 796   line-height:.9em;
 797 }
 798
 799 pre.classic {
 800   background-color:transparent;
 801   border:none;
 802   padding:0;
 803 }
 804
 805 p.img-caption {
 806   margin: -0.5em 0 1em 1em; /* matches default img left-margin */
 807 }
 808
 809 div.figure {
 810   float:right;
 811   clear:right;
 812   margin:1em 0 0 0;
 813   padding:0 0 0 3em;
 814   background-color:#fff;
 815   /* width must be defined w/ an inline style matching the image width */
 816 }
 817
 818 #jd-content
 819 div.figure img {
 820   margin: 0 0 1em;
 821 }
 822
 823 div.figure p.img-caption {
 824   margin: -0.5em 0 1em 0;
 825 }
 826
 827 p.table-caption {
 828   margin: 0 0 0.5em 1em; /* matches default table left-margin */
 829 }
 830
 831 /* BEGIN quickview sidebar element styles */
 832
 833 #qv-wrapper {
 834   float: right;
 835   width:310px; /* +35px padding */
 836   background-color:#fff;
 837   margin:-48px 0 2px 0;
 838   padding:0 0 20px 35px;
 839 }
 840
 841 #qv {
 842   background-color:#fff;
 843   border:4px solid #dee8f1;
 844   margin:0;
 845   padding:0 5px 5px;
 846   width:292px; /* +10px padding; +8px border */
 847   font-size:.9em;
 848 }
 849
 850 #qv ol {
 851   list-style:none;
 852   padding: 0;
 853 }
 854
 855 #qv ol ol{
 856   list-style:none;
 857   padding: 0 0 0 12px;
 858   margin:0;
 859 }
 860
 861 #qv ul {
 862   padding: 0 10px 0 2em;
 863 }
 864
 865 #qv li {
 866   padding: 0 10px 3px;
 867   line-height: 1.2em;
 868 }
 869
 870 #qv li li {
 871   padding: 3px 10px 0;
 872 }
 873
 874 #qv ul li {
 875   padding: 0 10px 0 0;
 876 }
 877
 878 #qv li.selected a {
 879   color:#555;
 880   text-decoration:none;
 881 }
 882
 883 #qv a,
 884 #qv a code {
 885   color:#cc6600;
 886 }
 887
 888 #qv p {
 889   margin:8px 0 0;
 890   padding:0 10px;
 891 }
 892
 893 #qv-extra #rule {
 894   padding: 0 10px;
 895   margin: 0;
 896 }
 897
 898 #qv-sub-rule {
 899   padding: 6px 20px;
 900   margin: 0;
 901 }
 902
 903 #qv-sub-rule p {
 904   margin: 0;
 905 }
 906
 907 #jd-content #qv h2 {
 908   font-size:1.05em;
 909   font-weight:bold;
 910   margin:12px 0 .25em 0;
 911   padding:0 10px;
 912   background-color:transparent;
 913   color:#7BB026;
 914   border:none;
 915   left:0;
 916   z-index:1;
 917 }
 918
 919 /* END quickview sidebar element styles */
 920
 921 /* Begin sidebox sidebar element styles */
 922
 923 .sidebox-wrapper {
 924   float:right;
 925   clear:right;
 926   width:310px; /* +35px padding */
 927   background-color:#fff;
 928   margin:0;
 929   padding:0 0 20px 35px;
 930 }
 931
 932 .sidebox {
 933   border-left:1px solid #dee8f1;
 934   background-color:#ffffee;
 935   margin:0;
 936   padding:8px 12px;
 937   font-size:0.9em;
 938   width:285px; /* +24px padding; +1px border */
 939 }
 940
 941 .sidebox p {
 942   margin-bottom: .75em;
 943 }
 944
 945 .sidebox ul {
 946   padding: 0 0 0 1.5em;
 947 }
 948
 949 .sidebox li ul {
 950   margin-top:0;
 951   margin-bottom:.1em;
 952 }
 953
 954 .sidebox li {
 955 padding:0 0 0 0em;
 956 }
 957
 958 #jd-content .sidebox h2,
 959 #jd-content .sidebox h3,
 960 #jd-content .sidebox h4,
 961 #jd-content .sidebox h5 {
 962   border:none;
 963   font-size:1em;
 964   margin:0;
 965   padding:0 0 8px;
 966   left:0;
 967   z-index:0;
 968 }
 969
 970 .sidebox hr {
 971   background-color:#ccc;
 972   border:none;
 973 }
 974
 975 /* End sidebox sidebar element styles */
 976
 977 /* BEGIN image and caption styles (originally for UI Guidelines docs) */
 978
 979 table.image-caption {
 980   padding:0;
 981   margin:.5em 0;
 982   border:0;
 983 }
 984
 985 td.image-caption-i {
 986   font-size:92%;
 987   padding:0 5px;
 988   margin:0;
 989   border:0;
 990 }
 991
 992 td.image-caption-i img {
 993   padding:0 1em;
 994   margin:0;
 995 }
 996
 997 .image-list {
 998   width:24px;
 999   text-align:center;
1000 }
1001
1002 td.image-caption-c {
1003   font-size:92%;
1004   padding:1em 2px 2px 2px;
1005   margin:0;
1006   border:0;
1007   width:350px;
1008 }
1009
1010 .grad-rule-top {
1011 background-image:url(images/grad-rule-qv.png);
1012 background-repeat:no-repeat;
1013 padding-top:1em;
1014 margin-top:0;
1015 }
1016
1017 .image-caption-nested {
1018   margin-top:0;
1019   padding:0 0 0 1em;
1020 }
1021
1022 .image-caption-nested td {
1023   padding:0 4px 2px 0;
1024   margin:0;
1025   border:0;
1026 }
1027
1028 /* END image and caption styles */
1029
1030 /* table of contents */
1031
1032 ol.toc {
1033   margin: 0 0 1em 0;
1034   padding: 0;
1035   list-style: none;
1036   font-size:95%;
1037 }
1038
1039 ol.toc li {
1040   font-weight: bold;
1041   margin: 0 0 .5em 1em;
1042   padding: 0;
1043 }
1044
1045 ol.toc li p {
1046   font-weight: normal;
1047 }
1048
1049 ol.toc li ol {
1050   margin: 0;
1051   padding: 0;
1052 }
1053
1054 ol.toc li li {
1055   padding: 0;
1056   margin: 0 0 0 1em;
1057   font-weight: normal;
1058   list-style: none;
1059 }
1060
1061 table ol.toc {
1062   margin-left: 0;
1063 }
1064
1065 .columns td {
1066   padding:0 5px;
1067   border:none;
1068 }
1069
1070 /* link table */
1071 .jd-linktable {
1072   margin: 0 0 1em;
1073   border-bottom: 1px solid #888;
1074 }
1075 .jd-linktable th,
1076 .jd-linktable td {
1077   padding: 3px 5px;
1078   vertical-align: top;
1079   text-align: left;
1080   border:none;
1081 }
1082 .jd-linktable tr {
1083   background-color: #fff;
1084 }
1085 .jd-linktable td {
1086   border-top: 1px solid #888;
1087   background-color: inherit;
1088 }
1089 .jd-linktable td  p {
1090   padding: 0 0 5px;
1091 }
1092 .jd-linktable .jd-linkcol {
1093 }
1094 .jd-linktable .jd-descrcol {
1095 }
1096 .jd-linktable .jd-typecol {
1097   text-align:right;
1098 }
1099 .jd-linktable .jd-valcol {
1100 }
1101 .jd-linktable .jd-commentrow {
1102   border-top:none;
1103   padding-left:25px;
1104 }
1105 .jd-deprecated-warning {
1106   margin-top: 0;
1107   margin-bottom: 10px;
1108 }
1109
1110 tr.alt-color {
1111   background-color: #f6f6f6;
1112 }
1113
1114 /* expando trigger */
1115 #jd-content .jd-expando-trigger-img {
1116   margin:0;
1117 }
1118
1119 /* jd-expando */
1120 .jd-inheritedlinks {
1121   padding:0 0 0 13px
1122 }
1123
1124 /* SDK PAGE */
1125 table.download tr {
1126   background-color:#d9d9d9;
1127 }
1128
1129 table.download tr.alt-color {
1130   background-color:#ededed;
1131 }
1132
1133 table.download td,
1134 table.download th {
1135   border:2px solid #fff;
1136   padding:10px 5px;
1137 }
1138
1139 table.download th {
1140   background-color:#6d8293;
1141   color:#fff;
1142 }
1143
1144 /* INLAY 180 COPY and 240PX EXTENSION */
1145 /* modified to 43px so that all browsers eliminate the package panel h-scroll */
1146 .g-tpl-240 .g-unit,
1147 .g-unit .g-tpl-240 .g-unit,
1148 .g-unit .g-unit .g-tpl-240 .g-unit {
1149   display: block;
1150   margin: 0 0 0 243px;
1151   width: auto;
1152   float: none;
1153 }
1154 .g-unit .g-unit .g-tpl-240 .g-first,
1155 .g-unit .g-tpl-240 .g-first,
1156 .g-tpl-240 .g-first {
1157   display: block;
1158   margin: 0;
1159   width: 243px;
1160   float: left;
1161 }
1162 /* 240px alt */
1163 .g-tpl-240-alt .g-unit,
1164 .g-unit .g-tpl-240-alt .g-unit,
1165 .g-unit .g-unit .g-tpl-240-alt .g-unit {
1166   display: block;
1167   margin: 0 243px 0 0;
1168   width: auto;
1169   float: none;
1170 }
1171 .g-unit .g-unit .g-tpl-240-alt .g-first,
1172 .g-unit .g-tpl-240-alt .g-first,
1173 .g-tpl-240-alt .g-first {
1174   display: block;
1175   margin: 0;
1176   width: 243px;
1177   float: right;
1178 }
1179
1180 /* 200px */
1181 .g-tpl-200 .g-unit,
1182 .g-unit .g-tpl-200 .g-unit,
1183 .g-unit .g-unit .g-tpl-200 .g-unit {
1184   display: block;
1185   margin: 0 0 0 200px;
1186   width: auto;
1187   float: none;
1188 }
1189 .g-unit .g-unit .g-tpl-200 .g-first,
1190 .g-unit .g-tpl-200 .g-first,
1191 .g-tpl-200 .g-first {
1192   display: block;
1193   margin: 0;
1194   width: 200px;
1195   float: left;
1196 }
1197 /* 200px alt */
1198 .g-tpl-200-alt .g-unit,
1199 .g-unit .g-tpl-200-alt .g-unit,
1200 .g-unit .g-unit .g-tpl-200-alt .g-unit {
1201   display: block;
1202   margin: 0 200px 0 0;
1203   width: auto;
1204   float: none;
1205 }
1206 .g-unit .g-unit .g-tpl-200-alt .g-first,
1207 .g-unit .g-tpl-200-alt .g-first,
1208 .g-tpl-200-alt .g-first {
1209   display: block;
1210   margin: 0;
1211   width: 200px;
1212   float: right;
1213 }
1214
1215 /* 190px */
1216 .g-tpl-190 .g-unit,
1217 .g-unit .g-tpl-190 .g-unit,
1218 .g-unit .g-unit .g-tpl-190 .g-unit {
1219   display: block;
1220   margin: 0 0 0 190px;
1221   width: auto;
1222   float: none;
1223 }
1224 .g-unit .g-unit .g-tpl-190 .g-first,
1225 .g-unit .g-tpl-190 .g-first,
1226 .g-tpl-190 .g-first {
1227   display: block;
1228   margin: 0;
1229   width: 190px;
1230   float: left;
1231 }
1232 /* 190px alt */
1233 .g-tpl-190-alt .g-unit,
1234 .g-unit .g-tpl-190-alt .g-unit,
1235 .g-unit .g-unit .g-tpl-190-alt .g-unit {
1236   display: block;
1237   margin: 0 190px 0 0;
1238   width: auto;
1239   float: none;
1240 }
1241 .g-unit .g-unit .g-tpl-190-alt .g-first,
1242 .g-unit .g-tpl-190-alt .g-first,
1243 .g-tpl-190-alt .g-first {
1244   display: block;
1245   margin: 0;
1246   width: 190px;
1247   float: right;
1248 }
1249
1250 /* 180px */
1251 .g-tpl-180 .g-unit,
1252 .g-unit .g-tpl-180 .g-unit,
1253 .g-unit .g-unit .g-tpl-180 .g-unit {
1254   display: block;
1255   margin: 0 0 0 180px;
1256   width: auto;
1257   float: none;
1258 }
1259 .g-unit .g-unit .g-tpl-180 .g-first,
1260 .g-unit .g-tpl-180 .g-first,
1261 .g-tpl-180 .g-first {
1262   display: block;
1263   margin: 0;
1264   width: 180px;
1265   float: left;
1266 }
1267 /* 180px alt */
1268 .g-tpl-180-alt .g-unit,
1269 .g-unit .g-tpl-180-alt .g-unit,
1270 .g-unit .g-unit .g-tpl-180-alt .g-unit {
1271   display: block;
1272   margin: 0 180px 0 0;
1273   width: auto;
1274   float: none;
1275 }
1276 .g-unit .g-unit .g-tpl-180-alt .g-first,
1277 .g-unit .g-tpl-180-alt .g-first,
1278 .g-tpl-180-alt .g-first {
1279   display: block;
1280   margin: 0;
1281   width: 180px;
1282   float: right;
1283 }
1284
1285
1286 /* JQUERY RESIZABLE STYLES */
1287 .ui-resizable { position: relative; }
1288 .ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; }
1289 .ui-resizable .ui-resizable-handle { display: block; }
1290 body .ui-resizable-disabled .ui-resizable-handle { display: none; }
1291 body .ui-resizable-autohide .ui-resizable-handle { display: none; }
1292 .ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px;
1293   background: transparent url("images/resizable-s2.gif") repeat scroll center top; }
1294 .ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%;
1295   background: transparent url("images/resizable-e2.gif") repeat scroll right center; }
1296
1297 @media print {
1298
1299   body {
1300     overflow:visible;
1301   }
1302
1303   #header {
1304     height:60px;
1305   }
1306
1307   #headerLeft {
1308     padding:0;
1309   }
1310
1311   #header-tabs,
1312   #headerRight,
1313   #side-nav,
1314   #api-info-block {
1315     display:none;
1316   }
1317
1318   #body-content {
1319     position:inherit;
1320   }
1321
1322   #doc-content {
1323     margin-left:0 !important;
1324     height:auto !important;
1325     width:auto !important;
1326     overflow:inherit;
1327     display:inline;
1328   }
1329
1330   #jd-header {
1331     padding:10px 0;
1332   }
1333
1334   #jd-content {
1335     padding:15px 0 0;
1336   }
1337
1338   #footer {
1339     float:none;
1340     margin:2em 0 0;
1341   }
1342
1343   h4.jd-details-title {
1344     border-bottom:1px solid #666;
1345   }
1346
1347   pre {
1348     /* these allow lines to break (if there's a white space) */
1349     overflow: visible;
1350     text-wrap: unrestricted;
1351     white-space: -moz-pre-wrap; /* Moz */
1352     white-space: -pre-wrap; /* Opera 4-6 */
1353     white-space: -o-pre-wrap; /* Opera 7 */
1354     white-space: pre-wrap; /* CSS3  */
1355     word-wrap: break-word; /* IE 5.5+ */
1356   }
1357
1358   h1, h2, h3, h4, h5, h6 {
1359     page-break-after: avoid;
1360   }
1361
1362   table, img {
1363     page-break-inside: avoid;
1364   }
1365 }