android-developer-docs.css revision 0a53dc4984c0726c1c5cfd55500ee88680e4018c
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
334links 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
355div.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 */
374div.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
384div#naMessage {
385  display:none;
386  width:555px;
387  height:0;
388  margin:0 auto;
389}
390
391div#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
403div#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
496hr {
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
566h4 .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
576dl.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
588description */
589.jd-details-descr {
590  padding:0;
591  margin:.5em .25em;
592}
593
594/* API reference: a block containing
595a detailed description, a params table,
596seealso 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
606the 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 {
630margin:0 0 .25em 0;
631padding:0;
632}
633
634/* API reference: heading marking
635the details section for constants,
636attrs, methods, etc. */
637h4.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
644h4.jd-tagtitle {
645  margin:0;
646}
647
648/* API reference: heading for "Parameters", "See Also", etc.,
649in details sections */
650h5.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
681div.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
691div.special p {
692  margin: .5em 0 0 0;
693}
694
695div.special ol {
696  margin: 0;
697}
698
699div.special ol li {
700  margin: 0;
701  padding: 0;
702}
703
704#jd-content div.special h2,
705#jd-content div.special h3 {
706  color:#669999;
707  font-size:1.2em;
708  border:none;
709  margin:0 0 .5em;
710  padding:0;
711}
712
713p.note, div.note,
714p.caution, div.caution,
715p.warning, div.warning {
716  margin: 1em;
717  padding: 0 0 0 .5em;
718  border-left: 4px solid;
719}
720
721p.special-note,
722div.special-note {
723  background-color:#EBF3DB;
724  padding:10px 20px;
725  margin:0 0 1em;
726}
727
728p.note,
729div.note {
730 border-color: #99aacc;
731}
732
733p.warning,
734div.warning {
735  border-color: #aa0033;
736}
737
738p.caution,
739div.caution {
740  border-color: #ffcf00;
741}
742
743li .note,
744li .caution,
745li .warning {
746  margin: .5em 0 0 0;
747  padding: .2em .5em .2em .9em;
748}
749
750/* Makes sure the first paragraph does not add top-whitespace within the box*/
751li .note>p:first-child,
752li .caution>p:first-child,
753li .warning>p:first-child {
754  margin-top:0;
755  padding-top:0;
756}
757
758dl.xml dt {
759  font-variant:small-caps;
760  font-size:1.2em;
761}
762
763dl.xml dl {
764  padding:0;
765}
766
767dl.xml dl dt {
768  font-variant:normal;
769  font-size:1em;
770}
771
772.listhead li {
773  font-weight: bold;
774}
775
776.listhead li *, /*ie*/.listhead li li {
777  font-weight: normal;
778}
779
780ol.no-style,
781ul.no-style {
782  list-style:none;
783  padding-left:1em;
784}
785
786.new {
787  font-size: .78em;
788  font-weight: bold;
789  color: #ff3d3d;
790  text-decoration: none;
791  vertical-align:top;
792  line-height:.9em;
793}
794
795pre.classic {
796  background-color:transparent;
797  border:none;
798  padding:0;
799}
800
801p.img-caption {
802  margin: -0.5em 0 1em 1em; /* matches default img left-margin */
803}
804
805div.figure {
806  float:right;
807  clear:right;
808  margin:1em 0 0 0;
809  padding:0 0 0 3em;
810  background-color:#fff;
811  /* width must be defined w/ an inline style matching the image width */
812}
813
814#jd-content
815div.figure img {
816  margin: 0 0 1em;
817}
818
819div.figure p.img-caption {
820  margin: -0.5em 0 1em 0;
821}
822
823p.table-caption {
824  margin: 0 0 0.5em 1em; /* matches default table left-margin */
825}
826
827
828/* toggle for misc content (such as long sample code)
829   see toggleContent() script in android-developer-docs.js */
830.toggle-content.closed .toggle-content-toggleme {
831  display:none;
832}
833
834.toggle-content a[href="#"] {
835  text-decoration:none;
836}
837
838#jd-content .toggle-content img.toggle-content-img {
839  margin:0;
840}
841
842
843/* BEGIN quickview sidebar element styles */
844
845#qv-wrapper {
846  float: right;
847  width:310px; /* +35px padding */
848  background-color:#fff;
849  margin:-48px 0 2px 0;
850  padding:0 0 20px 35px;
851}
852
853#qv {
854  background-color:#fff;
855  border:4px solid #dee8f1;
856  margin:0;
857  padding:0 5px 5px;
858  width:292px; /* +10px padding; +8px border */
859  font-size:.9em;
860}
861
862#qv ol {
863  list-style:none;
864  padding: 0;
865}
866
867#qv ol ol{
868  list-style:none;
869  padding: 0 0 0 12px;
870  margin:0;
871}
872
873#qv ul {
874  padding: 0 10px 0 2em;
875}
876
877#qv li {
878  padding: 0 10px 3px;
879  line-height: 1.2em;
880}
881
882#qv li li {
883  padding: 3px 10px 0;
884}
885
886#qv ul li {
887  padding: 0 10px 0 0;
888}
889
890#qv li.selected a {
891  color:#555;
892  text-decoration:none;
893}
894
895#qv a,
896#qv a code {
897  color:#cc6600;
898}
899
900#qv p {
901  margin:8px 0 0;
902  padding:0 10px;
903}
904
905#qv-extra #rule {
906  padding: 0 10px;
907  margin: 0;
908}
909
910#qv-sub-rule {
911  padding: 6px 20px;
912  margin: 0;
913}
914
915#qv-sub-rule p {
916  margin: 0;
917}
918
919#jd-content #qv h2 {
920  font-size:1.05em;
921  font-weight:bold;
922  margin:12px 0 .25em 0;
923  padding:0 10px;
924  background-color:transparent;
925  color:#7BB026;
926  border:none;
927  left:0;
928  z-index:1;
929}
930
931/* END quickview sidebar element styles */
932
933/* Begin sidebox sidebar element styles */
934
935.sidebox-wrapper {
936  float:right;
937  clear:right;
938  width:310px; /* +35px padding */
939  background-color:#fff;
940  margin:0;
941  padding:0 0 20px 35px;
942}
943
944.sidebox {
945  border-left:1px solid #dee8f1;
946  background-color:#ffffee;
947  margin:0;
948  padding:8px 12px;
949  font-size:0.9em;
950  width:285px; /* +24px padding; +1px border */
951}
952
953.sidebox p {
954  margin-bottom: .75em;
955}
956
957.sidebox ul {
958  padding: 0 0 0 1.5em;
959}
960
961.sidebox li ul {
962  margin-top:0;
963  margin-bottom:.1em;
964}
965
966.sidebox li {
967padding:0 0 0 0em;
968}
969
970#jd-content .sidebox h2,
971#jd-content .sidebox h3,
972#jd-content .sidebox h4,
973#jd-content .sidebox h5 {
974  border:none;
975  font-size:1em;
976  margin:0;
977  padding:0 0 8px;
978  left:0;
979  z-index:0;
980}
981
982.sidebox hr {
983  background-color:#ccc;
984  border:none;
985}
986
987/* End sidebox sidebar element styles */
988
989/* BEGIN image and caption styles (originally for UI Guidelines docs) */
990
991table.image-caption {
992  padding:0;
993  margin:.5em 0;
994  border:0;
995}
996
997td.image-caption-i {
998  font-size:92%;
999  padding:0 5px;
1000  margin:0;
1001  border:0;
1002}
1003
1004td.image-caption-i img {
1005  padding:0 1em;
1006  margin:0;
1007}
1008
1009.image-list {
1010  width:24px;
1011  text-align:center;
1012}
1013
1014td.image-caption-c {
1015  font-size:92%;
1016  padding:1em 2px 2px 2px;
1017  margin:0;
1018  border:0;
1019  width:350px;
1020}
1021
1022.grad-rule-top {
1023background-image:url(images/grad-rule-qv.png);
1024background-repeat:no-repeat;
1025padding-top:1em;
1026margin-top:0;
1027}
1028
1029.image-caption-nested {
1030  margin-top:0;
1031  padding:0 0 0 1em;
1032}
1033
1034.image-caption-nested td {
1035  padding:0 4px 2px 0;
1036  margin:0;
1037  border:0;
1038}
1039
1040/* END image and caption styles */
1041
1042/* table of contents */
1043
1044ol.toc {
1045  margin: 0 0 1em 0;
1046  padding: 0;
1047  list-style: none;
1048  font-size:95%;
1049}
1050
1051ol.toc li {
1052  font-weight: bold;
1053  margin: 0 0 .5em 1em;
1054  padding: 0;
1055}
1056
1057ol.toc li p {
1058  font-weight: normal;
1059}
1060
1061ol.toc li ol {
1062  margin: 0;
1063  padding: 0;
1064}
1065
1066ol.toc li li {
1067  padding: 0;
1068  margin: 0 0 0 1em;
1069  font-weight: normal;
1070  list-style: none;
1071}
1072
1073table ol.toc {
1074  margin-left: 0;
1075}
1076
1077.columns td {
1078  padding:0 5px;
1079  border:none;
1080}
1081
1082/* link table */
1083.jd-linktable {
1084  margin: 0 0 1em;
1085  border-bottom: 1px solid #888;
1086}
1087.jd-linktable th,
1088.jd-linktable td {
1089  padding: 3px 5px;
1090  vertical-align: top;
1091  text-align: left;
1092  border:none;
1093}
1094.jd-linktable tr {
1095  background-color: #fff;
1096}
1097.jd-linktable td {
1098  border-top: 1px solid #888;
1099  background-color: inherit;
1100}
1101.jd-linktable td  p {
1102  padding: 0 0 5px;
1103}
1104.jd-linktable .jd-linkcol {
1105}
1106.jd-linktable .jd-descrcol {
1107}
1108.jd-linktable .jd-typecol {
1109  text-align:right;
1110}
1111.jd-linktable .jd-valcol {
1112}
1113.jd-linktable .jd-commentrow {
1114  border-top:none;
1115  padding-left:25px;
1116}
1117.jd-deprecated-warning {
1118  margin-top: 0;
1119  margin-bottom: 10px;
1120}
1121
1122tr.alt-color {
1123  background-color: #f6f6f6;
1124}
1125
1126/* expando trigger */
1127#jd-content .jd-expando-trigger-img {
1128  margin:0;
1129}
1130
1131/* jd-expando */
1132.jd-inheritedlinks {
1133  padding:0 0 0 13px
1134}
1135
1136/* SDK PAGE */
1137table.download tr {
1138  background-color:#d9d9d9;
1139}
1140
1141table.download tr.alt-color {
1142  background-color:#ededed;
1143}
1144
1145table.download td,
1146table.download th {
1147  border:2px solid #fff;
1148  padding:10px 5px;
1149}
1150
1151table.download th {
1152  background-color:#6d8293;
1153  color:#fff;
1154}
1155
1156/* INLAY 180 COPY and 240PX EXTENSION */
1157/* modified to 43px so that all browsers eliminate the package panel h-scroll */
1158.g-tpl-240 .g-unit,
1159.g-unit .g-tpl-240 .g-unit,
1160.g-unit .g-unit .g-tpl-240 .g-unit {
1161  display: block;
1162  margin: 0 0 0 243px;
1163  width: auto;
1164  float: none;
1165}
1166.g-unit .g-unit .g-tpl-240 .g-first,
1167.g-unit .g-tpl-240 .g-first,
1168.g-tpl-240 .g-first {
1169  display: block;
1170  margin: 0;
1171  width: 243px;
1172  float: left;
1173}
1174/* 240px alt */
1175.g-tpl-240-alt .g-unit,
1176.g-unit .g-tpl-240-alt .g-unit,
1177.g-unit .g-unit .g-tpl-240-alt .g-unit {
1178  display: block;
1179  margin: 0 243px 0 0;
1180  width: auto;
1181  float: none;
1182}
1183.g-unit .g-unit .g-tpl-240-alt .g-first,
1184.g-unit .g-tpl-240-alt .g-first,
1185.g-tpl-240-alt .g-first {
1186  display: block;
1187  margin: 0;
1188  width: 243px;
1189  float: right;
1190}
1191
1192/* 200px */
1193.g-tpl-200 .g-unit,
1194.g-unit .g-tpl-200 .g-unit,
1195.g-unit .g-unit .g-tpl-200 .g-unit {
1196  display: block;
1197  margin: 0 0 0 200px;
1198  width: auto;
1199  float: none;
1200}
1201.g-unit .g-unit .g-tpl-200 .g-first,
1202.g-unit .g-tpl-200 .g-first,
1203.g-tpl-200 .g-first {
1204  display: block;
1205  margin: 0;
1206  width: 200px;
1207  float: left;
1208}
1209/* 200px alt */
1210.g-tpl-200-alt .g-unit,
1211.g-unit .g-tpl-200-alt .g-unit,
1212.g-unit .g-unit .g-tpl-200-alt .g-unit {
1213  display: block;
1214  margin: 0 200px 0 0;
1215  width: auto;
1216  float: none;
1217}
1218.g-unit .g-unit .g-tpl-200-alt .g-first,
1219.g-unit .g-tpl-200-alt .g-first,
1220.g-tpl-200-alt .g-first {
1221  display: block;
1222  margin: 0;
1223  width: 200px;
1224  float: right;
1225}
1226
1227/* 190px */
1228.g-tpl-190 .g-unit,
1229.g-unit .g-tpl-190 .g-unit,
1230.g-unit .g-unit .g-tpl-190 .g-unit {
1231  display: block;
1232  margin: 0 0 0 190px;
1233  width: auto;
1234  float: none;
1235}
1236.g-unit .g-unit .g-tpl-190 .g-first,
1237.g-unit .g-tpl-190 .g-first,
1238.g-tpl-190 .g-first {
1239  display: block;
1240  margin: 0;
1241  width: 190px;
1242  float: left;
1243}
1244/* 190px alt */
1245.g-tpl-190-alt .g-unit,
1246.g-unit .g-tpl-190-alt .g-unit,
1247.g-unit .g-unit .g-tpl-190-alt .g-unit {
1248  display: block;
1249  margin: 0 190px 0 0;
1250  width: auto;
1251  float: none;
1252}
1253.g-unit .g-unit .g-tpl-190-alt .g-first,
1254.g-unit .g-tpl-190-alt .g-first,
1255.g-tpl-190-alt .g-first {
1256  display: block;
1257  margin: 0;
1258  width: 190px;
1259  float: right;
1260}
1261
1262/* 180px */
1263.g-tpl-180 .g-unit,
1264.g-unit .g-tpl-180 .g-unit,
1265.g-unit .g-unit .g-tpl-180 .g-unit {
1266  display: block;
1267  margin: 0 0 0 180px;
1268  width: auto;
1269  float: none;
1270}
1271.g-unit .g-unit .g-tpl-180 .g-first,
1272.g-unit .g-tpl-180 .g-first,
1273.g-tpl-180 .g-first {
1274  display: block;
1275  margin: 0;
1276  width: 180px;
1277  float: left;
1278}
1279/* 180px alt */
1280.g-tpl-180-alt .g-unit,
1281.g-unit .g-tpl-180-alt .g-unit,
1282.g-unit .g-unit .g-tpl-180-alt .g-unit {
1283  display: block;
1284  margin: 0 180px 0 0;
1285  width: auto;
1286  float: none;
1287}
1288.g-unit .g-unit .g-tpl-180-alt .g-first,
1289.g-unit .g-tpl-180-alt .g-first,
1290.g-tpl-180-alt .g-first {
1291  display: block;
1292  margin: 0;
1293  width: 180px;
1294  float: right;
1295}
1296
1297
1298/* JQUERY RESIZABLE STYLES */
1299.ui-resizable { position: relative; }
1300.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; }
1301.ui-resizable .ui-resizable-handle { display: block; }
1302body .ui-resizable-disabled .ui-resizable-handle { display: none; }
1303body .ui-resizable-autohide .ui-resizable-handle { display: none; }
1304.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px;
1305  background: transparent url("images/resizable-s2.gif") repeat scroll center top; }
1306.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%;
1307  background: transparent url("images/resizable-e2.gif") repeat scroll right center; }
1308
1309@media print {
1310
1311  body {
1312    overflow:visible;
1313  }
1314
1315  #header {
1316    height:60px;
1317  }
1318
1319  #headerLeft {
1320    padding:0;
1321  }
1322
1323  #header-tabs,
1324  #headerRight,
1325  #side-nav,
1326  #api-info-block {
1327    display:none;
1328  }
1329
1330  #body-content {
1331    position:inherit;
1332  }
1333
1334  #doc-content {
1335    margin-left:0 !important;
1336    height:auto !important;
1337    width:auto !important;
1338    overflow:inherit;
1339    display:inline;
1340  }
1341
1342  #jd-header {
1343    padding:10px 0;
1344  }
1345
1346  #jd-content {
1347    padding:15px 0 0;
1348  }
1349
1350  #footer {
1351    float:none;
1352    margin:2em 0 0;
1353  }
1354
1355  h4.jd-details-title {
1356    border-bottom:1px solid #666;
1357  }
1358
1359  pre {
1360    /* these allow lines to break (if there's a white space) */
1361    overflow: visible;
1362    text-wrap: unrestricted;
1363    white-space: -moz-pre-wrap; /* Moz */
1364    white-space: -pre-wrap; /* Opera 4-6 */
1365    white-space: -o-pre-wrap; /* Opera 7 */
1366    white-space: pre-wrap; /* CSS3  */
1367    word-wrap: break-word; /* IE 5.5+ */
1368  }
1369
1370  h1, h2, h3, h4, h5, h6 {
1371    page-break-after: avoid;
1372  }
1373
1374  table, img {
1375    page-break-inside: avoid;
1376  }
1377}
1378