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