1/* file: doclava-developer-docs.css
2   info: developer doc styles
3*/
4
5@import url("android-developer-core.css");
6
7#title {
8  border-bottom: 4px solid #ccc;
9  display:none;
10}
11
12#title h1 {
13  color:#336666;
14  margin:0;
15  padding: 5px 10px;
16  font-size: 1em;
17  line-height: 15px;
18}
19
20#title h1 .small{
21  color:#000;
22  margin:0;
23  font-size: 13px;
24  padding:0 0 0 15px;
25}
26
27/* SIDE NAVIGATION */
28
29#side-nav {
30  padding:0 6px 0 0;
31  background-color: #fff;
32  font-size:12px;
33}
34
35#side-nav.not-resizable {
36  background:url('images/sidenav-rule.png') no-repeat 243px 0;
37}
38
39#resize-packages-nav {
40/* keeps the resize handle below the h-scroll handle */
41  height:270px;
42  overflow:hidden;
43  max-height:100%;
44}
45
46#packages-nav {
47  height:270px;
48  max-height:inherit;
49  position:relative;
50  overflow:auto;
51}
52
53#classes-nav,
54#devdoc-nav {
55  overflow:auto;
56  position:relative;
57}
58
59#side-nav ul {
60  list-style: none;
61  margin: 0;
62  padding:5px 0;
63}
64
65#side-nav ul ul {
66  margin: .35em 0 0 0;
67  padding: 0;
68}
69
70#side-nav li {
71  padding:0;
72  line-height:16px;
73  white-space:nowrap;
74  zoom:1;
75}
76
77#side-nav li h2 {
78  font-size:12px;
79  font-weight: bold;
80  margin:.5em 0 0 0;
81  padding: 3px 0 1px 9px;
82}
83
84#side-nav li a {
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  position:absolute;
225  bottom:2px;
226  left:0px;
227}
228
229#tree-link {
230
231}
232
233/* DOCUMENT BODY */
234
235#doc-content {
236  overflow:auto;
237}
238
239#jd-header {
240  background-color: #E2E2E2;
241  padding: 7px 15px;
242}
243
244#jd-header h1 {
245  margin: 0 0 10px;
246  font-size:1.7em;
247}
248
249#jd-header .crumb {
250  font-size:.9em;
251  line-height:1em;
252  color:#777;
253}
254
255#jd-header .crumb a,
256#jd-header .crumb a:visited {
257  text-decoration:none;
258  color:#777;
259}
260
261#jd-header .crumb a:hover {
262  text-decoration:underline;
263}
264
265#jd-header table {
266  margin:0;
267  padding:0;
268}
269
270#jd-header td {
271  border:none;
272  padding:0;
273  vertical-align:top;
274}
275
276#jd-header.guide-header {
277  background-color:#fff;
278  color:#435a6e;
279  height:50px;
280}
281
282#jd-descr {
283  position:relative;
284}
285
286/* summary tables for reference pages */
287.jd-sumtable {
288  margin: .5em 1em 1em 1em;
289  width:95%; /* consistent table widths; within IE's quirks */
290  font-size:.9em;
291}
292
293.jd-sumtable a {
294  text-decoration:none;
295}
296
297.jd-sumtable a:hover {
298  text-decoration:underline;
299}
300
301/* the link inside a sumtable for "Show All/Hide All" */
302.toggle-all {
303  display:block;
304  float:right;
305  font-weight:normal;
306  font-size:0.9em;
307}
308
309/* adjustments for in/direct subclasses tables */
310.jd-sumtable-subclasses {
311  margin: 1em 0 0 0;
312  max-width:968px;
313}
314
315/* extra space between end of method name and open-paren */
316.sympad {
317  margin-right: 2px;
318}
319
320/* right alignment for the return type in sumtable */
321.jd-sumtable .jd-typecol {
322  text-align:right;
323}
324
325/* adjustments for the expando table-in-table */
326.jd-sumtable-expando {
327  margin:.5em 0;
328  padding:0;
329}
330
331/* a div that holds a short description */
332.jd-descrdiv {
333  padding:3px 1em 0 1em;
334  margin:0;
335  border:0;
336}
337
338/* page-top-right container for reference pages (holds
339links to summary tables) */
340#api-info-block {
341  font-size:.8em;
342  padding:6px 10px;
343  font-weight:normal;
344  float:right;
345  text-align:right;
346  color:#999;
347  max-width:70%;
348}
349
350#api-level-toggle {
351  padding:0 0px;
352  font-size:11px;
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 3em;
817  padding:0;
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 sidebox sidebar element styles */
836
837.sidebox-wrapper {
838  float:right;
839  clear:right;
840  width:310px; /* +35px padding */
841  background-color:#fff;
842  margin:0;
843  padding:0 0 20px 35px;
844}
845
846.sidebox {
847  border-left:1px solid #dee8f1;
848  background-color:#ffffee;
849  margin:0;
850  padding:8px 12px;
851  font-size:0.9em;
852  width:285px; /* +24px padding; +1px border */
853}
854
855.sidebox p {
856  margin-bottom: .25em;
857}
858
859.sidebox ul {
860  padding: 0 0 0 1.5em;
861}
862
863.sidebox li ul {
864  margin-top:0;
865  margin-bottom:.1em;
866}
867
868.sidebox li {
869padding:0 0 0 0em;
870}
871
872#jd-content .sidebox h2,
873#jd-content .sidebox h3,
874#jd-content .sidebox h4,
875#jd-content .sidebox h5 {
876  border:none;
877  font-size:1em;
878  margin:0;
879  padding:0 0 8px;
880  left:0;
881  z-index:0;
882}
883
884.sidebox hr {
885  background-color:#ccc;
886  border:none;
887}
888
889/* End sidebox sidebar element styles */
890
891/* table of contents */
892
893ol.toc {
894  margin: 0 0 1em 0;
895  padding: 0;
896  list-style: none;
897  font-size:95%;
898}
899
900ol.toc li {
901  font-weight: bold;
902  margin: 0 0 .5em 1em;
903  padding: 0;
904}
905
906ol.toc li p {
907  font-weight: normal;
908}
909
910ol.toc li ol {
911  margin: 0;
912  padding: 0;
913}
914
915ol.toc li li {
916  padding: 0;
917  margin: 0 0 0 1em;
918  font-weight: normal;
919  list-style: none;
920}
921
922table ol.toc {
923  margin-left: 0;
924}
925
926.columns td {
927  padding:0 5px;
928  border:none;
929}
930
931/* link table */
932.jd-linktable {
933  margin: 0 0 1em;
934  border-bottom: 1px solid #888;
935}
936.jd-linktable th,
937.jd-linktable td {
938  padding: 3px 5px;
939  vertical-align: top;
940  text-align: left;
941  border:none;
942}
943.jd-linktable tr {
944  background-color: #fff;
945}
946.jd-linktable td {
947  border-top: 1px solid #888;
948  background-color: inherit;
949}
950.jd-linktable td  p {
951  padding: 0 0 5px;
952}
953.jd-linktable .jd-linkcol {
954}
955.jd-linktable .jd-descrcol {
956}
957.jd-linktable .jd-typecol {
958  text-align:right;
959}
960.jd-linktable .jd-valcol {
961}
962.jd-linktable .jd-commentrow {
963  border-top:none;
964  padding-left:25px;
965}
966.jd-deprecated-warning {
967  margin-top: 0;
968  margin-bottom: 10px;
969}
970
971tr.alt-color {
972  background-color: #f6f6f6;
973}
974
975/* expando trigger */
976#jd-content .jd-expando-trigger-img {
977  margin:0;
978}
979
980/* jd-expando */
981.jd-inheritedlinks {
982  padding:0 0 0 13px
983}
984
985/* SDK PAGE */
986table.download tr {
987  background-color:#d9d9d9;
988}
989
990table.download tr.alt-color {
991  background-color:#ededed;
992}
993
994table.download td,
995table.download th {
996  border:2px solid #fff;
997  padding:10px 5px;
998}
999
1000table.download th {
1001  background-color:#6d8293;
1002  color:#fff;
1003}
1004
1005/* INLAY 180 COPY and 240PX EXTENSION */
1006/* modified to 43px so that all browsers eliminate the package panel h-scroll */
1007.g-tpl-240 .g-unit,
1008.g-unit .g-tpl-240 .g-unit,
1009.g-unit .g-unit .g-tpl-240 .g-unit {
1010  display: block;
1011  margin: 0 0 0 243px;
1012  width: auto;
1013  float: none;
1014}
1015.g-unit .g-unit .g-tpl-240 .g-first,
1016.g-unit .g-tpl-240 .g-first,
1017.g-tpl-240 .g-first {
1018  display: block;
1019  margin: 0;
1020  width: 243px;
1021  float: left;
1022}
1023/* 240px alt */
1024.g-tpl-240-alt .g-unit,
1025.g-unit .g-tpl-240-alt .g-unit,
1026.g-unit .g-unit .g-tpl-240-alt .g-unit {
1027  display: block;
1028  margin: 0 243px 0 0;
1029  width: auto;
1030  float: none;
1031}
1032.g-unit .g-unit .g-tpl-240-alt .g-first,
1033.g-unit .g-tpl-240-alt .g-first,
1034.g-tpl-240-alt .g-first {
1035  display: block;
1036  margin: 0;
1037  width: 243px;
1038  float: right;
1039}
1040
1041/* 180px */
1042.g-tpl-180 .g-unit,
1043.g-unit .g-tpl-180 .g-unit,
1044.g-unit .g-unit .g-tpl-180 .g-unit {
1045  display: block;
1046  margin: 0 0 0 180px;
1047  width: auto;
1048  float: none;
1049}
1050.g-unit .g-unit .g-tpl-180 .g-first,
1051.g-unit .g-tpl-180 .g-first,
1052.g-tpl-180 .g-first {
1053  display: block;
1054  margin: 0;
1055  width: 180px;
1056  float: left;
1057}
1058/* 180px alt */
1059.g-tpl-180-alt .g-unit,
1060.g-unit .g-tpl-180-alt .g-unit,
1061.g-unit .g-unit .g-tpl-180-alt .g-unit {
1062  display: block;
1063  margin: 0 180px 0 0;
1064  width: auto;
1065  float: none;
1066}
1067.g-unit .g-unit .g-tpl-180-alt .g-first,
1068.g-unit .g-tpl-180-alt .g-first,
1069.g-tpl-180-alt .g-first {
1070  display: block;
1071  margin: 0;
1072  width: 180px;
1073  float: right;
1074}
1075
1076
1077/* JQUERY RESIZABLE STYLES */
1078.ui-resizable { position: relative; }
1079.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; }
1080.ui-resizable .ui-resizable-handle { display: block; }
1081body .ui-resizable-disabled .ui-resizable-handle { display: none; }
1082body .ui-resizable-autohide .ui-resizable-handle { display: none; }
1083.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px;
1084  background: transparent url("images/resizable-s2.gif") repeat scroll center top; }
1085.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%;
1086  background: transparent url("images/resizable-e2.gif") repeat scroll right center; }
1087
1088@media print {
1089
1090  body {
1091    overflow:visible;
1092  }
1093
1094  #header {
1095    height:60px;
1096  }
1097
1098  #headerLeft {
1099    padding:0;
1100  }
1101
1102  #header-tabs,
1103  #headerRight,
1104  #side-nav,
1105  #api-info-block {
1106    display:none;
1107  }
1108
1109  #body-content {
1110    position:inherit;
1111  }
1112
1113  #doc-content {
1114    margin-left:0 !important;
1115    height:auto !important;
1116    width:auto !important;
1117    overflow:inherit;
1118    display:inline;
1119  }
1120
1121  #jd-header {
1122    padding:10px 0;
1123  }
1124
1125  #jd-content {
1126    padding:15px 0 0;
1127  }
1128
1129  #footer {
1130    float:none;
1131    margin:2em 0 0;
1132  }
1133
1134  h4.jd-details-title {
1135    border-bottom:1px solid #666;
1136  }
1137
1138  pre {
1139    /* these allow lines to break (if there's a white space) */
1140    overflow: visible;
1141    text-wrap: unrestricted;
1142    white-space: -moz-pre-wrap; /* Moz */
1143    white-space: -pre-wrap; /* Opera 4-6 */
1144    white-space: -o-pre-wrap; /* Opera 7 */
1145    white-space: pre-wrap; /* CSS3  */
1146    word-wrap: break-word; /* IE 5.5+ */
1147  }
1148
1149  h1, h2, h3, h4, h5, h6 {
1150    page-break-after: avoid;
1151  }
1152
1153  table, img {
1154    page-break-inside: avoid;
1155  }
1156}
1157