|
2
|
1
|
|
|
2 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
|
|
3 * General page setup
|
|
|
4 */
|
|
|
5 #dt_example {
|
|
|
6 font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
|
|
|
7 margin: 0;
|
|
|
8 padding: 0;
|
|
|
9 color: #333;
|
|
|
10 background-color: #fff;
|
|
|
11 }
|
|
|
12
|
|
|
13
|
|
|
14 #dt_example #container {
|
|
|
15 width: 800px;
|
|
|
16 margin: 30px auto;
|
|
|
17 padding: 0;
|
|
|
18 }
|
|
|
19
|
|
|
20
|
|
|
21 #dt_example #footer {
|
|
|
22 margin: 50px auto 0 auto;
|
|
|
23 padding: 0;
|
|
|
24 }
|
|
|
25
|
|
|
26 #dt_example #demo {
|
|
|
27 margin: 30px auto 0 auto;
|
|
|
28 }
|
|
|
29
|
|
|
30 #dt_example .demo_jui {
|
|
|
31 margin: 30px auto 0 auto;
|
|
|
32 }
|
|
|
33
|
|
|
34 #dt_example .big {
|
|
|
35 font-size: 1.3em;
|
|
|
36 font-weight: bold;
|
|
|
37 line-height: 1.6em;
|
|
|
38 color: #4E6CA3;
|
|
|
39 }
|
|
|
40
|
|
|
41 #dt_example .spacer {
|
|
|
42 height: 20px;
|
|
|
43 clear: both;
|
|
|
44 }
|
|
|
45
|
|
|
46 #dt_example .clear {
|
|
|
47 clear: both;
|
|
|
48 }
|
|
|
49
|
|
|
50 #dt_example pre {
|
|
|
51 padding: 15px;
|
|
|
52 background-color: #F5F5F5;
|
|
|
53 border: 1px solid #CCCCCC;
|
|
|
54 }
|
|
|
55
|
|
|
56 #dt_example h1 {
|
|
|
57 margin-top: 2em;
|
|
|
58 font-size: 1.3em;
|
|
|
59 font-weight: normal;
|
|
|
60 line-height: 1.6em;
|
|
|
61 color: #4E6CA3;
|
|
|
62 border-bottom: 1px solid #B0BED9;
|
|
|
63 clear: both;
|
|
|
64 }
|
|
|
65
|
|
|
66 #dt_example h2 {
|
|
|
67 font-size: 1.2em;
|
|
|
68 font-weight: normal;
|
|
|
69 line-height: 1.6em;
|
|
|
70 color: #4E6CA3;
|
|
|
71 clear: both;
|
|
|
72 }
|
|
|
73
|
|
|
74 #dt_example a {
|
|
|
75 color: #0063DC;
|
|
|
76 text-decoration: none;
|
|
|
77 }
|
|
|
78
|
|
|
79 #dt_example a:hover {
|
|
|
80 text-decoration: underline;
|
|
|
81 }
|
|
|
82
|
|
|
83 #dt_example ul {
|
|
|
84 color: #4E6CA3;
|
|
|
85 }
|
|
|
86
|
|
|
87 .css_right {
|
|
|
88 float: right;
|
|
|
89 }
|
|
|
90
|
|
|
91 .css_left {
|
|
|
92 float: left;
|
|
|
93 }
|
|
|
94
|
|
|
95 .demo_links {
|
|
|
96 float: left;
|
|
|
97 width: 50%;
|
|
|
98 margin-bottom: 1em;
|
|
|
99 }
|
|
|
100
|
|
|
101 #demo_info {
|
|
|
102 padding: 5px;
|
|
|
103 border: 1px solid #B0BED9;
|
|
|
104 height: 100px;
|
|
|
105 width: 100%;
|
|
|
106 overflow: auto;
|
|
|
107 }
|
|
|
108
|
|
|
109 #dt_example code {
|
|
|
110 font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
|
|
111 padding: 2px 4px !important;
|
|
|
112 white-space: nowrap;
|
|
|
113 font-size: 0.9em;
|
|
|
114
|
|
|
115 color: #D14;
|
|
|
116 background-color: #F7F7F9;
|
|
|
117
|
|
|
118 border: 1px solid #E1E1E8;
|
|
|
119 -webkit-border-radius: 3px;
|
|
|
120 -moz-border-radius: 3px;
|
|
|
121 border-radius: 3px;
|
|
|
122 }
|
