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