1 /* file: android-developer-docs.css
4 info: developer doc styles (developer.android.com)
7 @import url("android-developer-core.css");
10 border-bottom: 4px solid #ccc;
33 background-color: #fff;
37 #side-nav.not-resizable {
38 background:url('images/sidenav-rule.png') no-repeat 243px 0;
41 #resize-packages-nav {
42 /* keeps the resize handle below the h-scroll handle */
83 padding: 3px 0 1px 9px;
92 #side-nav li a span+span {
96 #side-nav li a:hover {
97 text-decoration:underline;
104 #side-nav li li li a {
109 #side-nav .selected {
110 background-color: #435a6e;
115 #side-nav .selected a {
117 text-decoration:none;
124 #side-nav .toggle-img {
135 #side-nav .closed .toggle-img {
136 background:url('images/triangle-closed-small.png') 7px 4px no-repeat;
138 #side-nav .open .toggle-img {
139 background:url('images/triangle-opened-small.png') 7px 4px no-repeat;
142 #side-nav .toggle-list {
146 #side-nav .toggle-list ul {
151 #side-nav .toggle-list div {
155 #index-links .selected {
156 background-color: #fff;
159 text-decoration:none;
163 padding:7px 0 4px 10px;
172 #side-nav #nav-tree ul li a,
173 #side-nav #nav-tree ul li span.no-children {
194 #nav-tree .children_ul {
200 text-decoration: none;
203 #nav-tree span.label {
216 text-decoration:none;
231 background-color: #E2E2E2;
247 #jd-header .crumb a:visited {
248 text-decoration:none;
252 #jd-header .crumb a:hover {
253 text-decoration:underline;
267 #jd-header.guide-header {
268 background-color:#fff;
277 /* summary tables for reference pages */
279 margin: .5em 1em 1em 1em;
280 width:95%; /* consistent table widths; within IE's quirks */
285 text-decoration:none;
288 .jd-sumtable a:hover {
289 text-decoration:underline;
292 /* the link inside a sumtable for "Show All/Hide All" */
300 /* adjustments for in/direct subclasses tables */
301 .jd-sumtable-subclasses {
306 /* extra space between end of method name and open-paren */
311 /* right alignment for the return type in sumtable */
312 .jd-sumtable .jd-typecol {
316 /* adjustments for the expando table-in-table */
317 .jd-sumtable-expando {
322 /* a div that holds a short description */
324 padding:3px 1em 0 1em;
329 /* page-top-right container for reference pages (holds
330 links to summary tables) */
357 #api-info-block div.api-level {
366 /* Force link colors for IE6 */
370 #api-info-block div.api-level a:link {
373 #api-level-toggle a {
390 background:rgba(255,255,255,0.7);
391 border:1px solid #dddd00;
393 /* IE6 can't position fixed */
394 * html div#naMessage div { position:absolute; }
396 div#naMessage strong {
405 color:#bbb !important;
406 cursor:default !important;
407 text-decoration:none !important;
413 text-decoration:none;
416 #api-level-toggle a:hover,
419 text-decoration:underline !important;
420 cursor:pointer !important;
423 #side-nav li.absent.selected,
424 #side-nav li.absent.selected *,
425 #side-nav div.label.absent.selected,
426 #side-nav div.label.absent.selected * {
427 background-color:#eaeaea !important;
429 /* IE6 quirk (won't chain classes, so just keep background blue) */
430 * html #side-nav li.selected,
431 * html #side-nav li.selected *,
432 * html #side-nav div.label.selected,
433 * html #side-nav div.label.selected * {
434 background-color: #435a6e !important;
438 .absent h4.jd-details-title,
439 .absent h4.jd-details-title * {
440 background-color:#f6f6f6 !important;
445 filter: alpha(opacity=30);
446 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
450 /* applies to a div containing links to summary tables */
456 .sum-details-links a {
457 text-decoration:none;
460 .sum-details-links a:hover {
461 text-decoration:underline;
465 /* inheritance table */
466 .jd-inheritance-table {
472 .jd-inheritance-table td {
477 .jd-inheritance-table .jd-inheritance-space {
481 .jd-inheritance-table .jd-inheritance-interface-cell {
490 background-color:#ccc;
505 border-top:2px solid #ccc;
507 margin: 1.5em 0 1em 0;
514 padding: .75em 0 .65em 0;
524 #jd-content .small-header {
560 /* border:1px solid #669999;
565 /* API reference: a container for the
566 .tagdata blocks that make up the detailed
573 /* API reference: a block containing
574 a detailed description, a params table,
584 /* API reference: adjustments to
585 the detailed description block */
587 margin:.25em 0 .75em 0;
613 /* API reference: heading marking
614 the details section for constants,
615 attrs, methods, etc. */
616 h4.jd-details-title {
618 background-color: #E2E2E2;
620 padding:3px 95px 3px 3px; /* room for api-level */
627 /* API reference: heading for "Parameters", "See Also", etc.,
628 in details sections */
641 background-color:#fff;
651 #jd-content table h2 {
652 background-color: #d6d6d6;
661 padding: .5em 1em 1em 1em;
663 background-color: #ddf0f2;
679 #jd-content div.special h2,
680 #jd-content div.special h3 {
688 p.note, p.caution, p.warning {
691 border-left: 4px solid;
695 background-color:#EBF3DB;
701 border-color: #99aacc;
705 border-color: #aa0033;
709 border-color: #ffcf00;
712 p.warning b, p.warning strong {
716 li p.note, li p.warning {
718 padding: .2em .5em .2em .9em;
722 font-variant:small-caps;
739 .listhead li *, /*ie*/.listhead li li {
753 text-decoration: none;
757 background-color:transparent;
763 /* BEGIN quickview sidebar element styles */
768 background-color:#fff;
769 margin:-48px 0 2px 0;
770 padding:0 0 20px 35px;
774 background-color:#fff;
775 border:4px solid #dee8f1;
794 padding: 0 10px 0 2em;
812 text-decoration:none;
841 margin:12px 0 .25em 0;
843 background-color:transparent;
850 /* END quickview sidebar element styles */
852 /* Begin sidebox sidebar element styles */
857 background-color:#fff;
859 padding: 20px 0 20px 20px;
863 border-left:1px solid #dee8f1;
864 background-color:#ffffee;
865 padding:5px 8px 5px 12px;
873 background-color:#ffffee;
874 border-left:1px solid #dee8f1;
875 margin: 12px 0 0 15px;
876 padding:5px 8px 0 12px;
882 margin-bottom: .25em;
887 padding: 0 0 0 1.5em;
891 .sidebox-inner li ul {
901 #jd-content .sidebox h2,
902 #jd-content .sidebox h3,
903 #jd-content .sidebox-inner h2,
904 #jd-content .sidebox-inner h3 {
915 background-color:#ccc;
919 /* End sidebox sidebar element styles */
921 /* BEGIN image and caption styles (originally for UI Guidelines docs) */
923 table.image-caption {
936 td.image-caption-i img {
946 .image-list .caption {
952 padding:1em 2px 2px 2px;
959 background-image:url(images/grad-rule-qv.png);
960 background-repeat:no-repeat;
965 .image-caption-nested {
970 .image-caption-nested td {
976 /* END image and caption styles */
978 /* table of contents */
989 margin: 0 0 .5em 1em;
1005 font-weight: normal;
1021 border-bottom: 1px solid #888;
1026 vertical-align: top;
1031 background-color: #fff;
1034 border-top: 1px solid #888;
1035 background-color: inherit;
1037 .jd-linktable td p {
1040 .jd-linktable .jd-linkcol {
1042 .jd-linktable .jd-descrcol {
1044 .jd-linktable .jd-typecol {
1047 .jd-linktable .jd-valcol {
1049 .jd-linktable .jd-commentrow {
1053 .jd-deprecated-warning {
1055 margin-bottom: 10px;
1059 background-color: #f6f6f6;
1062 /* expando trigger */
1063 #jd-content .jd-expando-trigger-img {
1068 .jd-inheritedlinks {
1074 background-color:#d9d9d9;
1077 table.download tr.alt-color {
1078 background-color:#ededed;
1083 border:2px solid #fff;
1088 background-color:#6d8293;
1092 /* INLAY 180 COPY and 240PX EXTENSION */
1093 /* modified to 43px so that all browsers eliminate the package panel h-scroll */
1095 .g-unit .g-tpl-240 .g-unit,
1096 .g-unit .g-unit .g-tpl-240 .g-unit {
1098 margin: 0 0 0 243px;
1102 .g-unit .g-unit .g-tpl-240 .g-first,
1103 .g-unit .g-tpl-240 .g-first,
1104 .g-tpl-240 .g-first {
1111 .g-tpl-240-alt .g-unit,
1112 .g-unit .g-tpl-240-alt .g-unit,
1113 .g-unit .g-unit .g-tpl-240-alt .g-unit {
1115 margin: 0 243px 0 0;
1119 .g-unit .g-unit .g-tpl-240-alt .g-first,
1120 .g-unit .g-tpl-240-alt .g-first,
1121 .g-tpl-240-alt .g-first {
1130 .g-unit .g-tpl-180 .g-unit,
1131 .g-unit .g-unit .g-tpl-180 .g-unit {
1133 margin: 0 0 0 180px;
1137 .g-unit .g-unit .g-tpl-180 .g-first,
1138 .g-unit .g-tpl-180 .g-first,
1139 .g-tpl-180 .g-first {
1146 .g-tpl-180-alt .g-unit,
1147 .g-unit .g-tpl-180-alt .g-unit,
1148 .g-unit .g-unit .g-tpl-180-alt .g-unit {
1150 margin: 0 180px 0 0;
1154 .g-unit .g-unit .g-tpl-180-alt .g-first,
1155 .g-unit .g-tpl-180-alt .g-first,
1156 .g-tpl-180-alt .g-first {
1164 /* JQUERY RESIZABLE STYLES */
1165 .ui-resizable { position: relative; }
1166 .ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; }
1167 .ui-resizable .ui-resizable-handle { display: block; }
1168 body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
1169 body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
1170 .ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url("images/resizable-s2.gif") repeat scroll center top; }
1171 .ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url("images/resizable-e2.gif") repeat scroll right center; }
1187 #headerLeft .guide {
1204 margin-left:0 !important;
1205 height:auto !important;
1206 width:auto !important;
1224 h4.jd-details-title {
1225 border-bottom:1px solid #666;
1229 /* these allow lines to break (if there's a white space) */
1231 text-wrap: unrestricted;
1232 white-space: -moz-pre-wrap; /* Moz */
1233 white-space: -pre-wrap; /* Opera 4-6 */
1234 white-space: -o-pre-wrap; /* Opera 7 */
1235 white-space: pre-wrap; /* CSS3 */
1236 word-wrap: break-word; /* IE 5.5+ */
1239 h1, h2, h3, h4, h5, h6 {
1240 page-break-after: avoid;
1244 page-break-inside: avoid;