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