1 | body
|
2 | {
|
3 | font: 13px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
|
4 | }
|
5 |
|
6 | h1
|
7 | {
|
8 | font-size: 180%;
|
9 | font-weight: bold;
|
10 |
|
11 | margin: 1em 0 1em 0;
|
12 | }
|
13 |
|
14 | h2
|
15 | {
|
16 | font-size: 140%;
|
17 | padding: 5px;
|
18 | border-bottom: 1px solid #a0c0f0;
|
19 | color: #2B7CE9;
|
20 | }
|
21 |
|
22 | h3
|
23 | {
|
24 | font-size: 100%;
|
25 | }
|
26 |
|
27 | hr
|
28 | {
|
29 | border: none 0;
|
30 | border-top: 1px solid #a0c0f0;
|
31 | height: 1px;
|
32 | }
|
33 |
|
34 | pre.code
|
35 | {
|
36 | display: block;
|
37 | padding: 8px;
|
38 | border: 1px dashed #ccc;
|
39 | }
|
40 |
|
41 | table
|
42 | {
|
43 | border-collapse: collapse;
|
44 | }
|
45 |
|
46 | th, td
|
47 | {
|
48 | font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
|
49 | text-align: left;
|
50 | vertical-align: top;
|
51 |
|
52 | padding: 3px;
|
53 | }
|
54 |
|
55 | th
|
56 | {
|
57 | font-weight: bold;
|
58 | }
|
59 |
|
60 |
|
61 | textarea {
|
62 | width: 500px;
|
63 | height: 200px;
|
64 | border: 1px solid #888;
|
65 | }
|
66 |
|
67 | input[type=text] {
|
68 | border: 1px solid #888;
|
69 | }
|
70 |
|
71 | #datasourceText, #googlespreadsheetText {
|
72 | width: 500px;
|
73 |
|
74 | }
|
75 |
|
76 | .info {
|
77 | color: gray;
|
78 | }
|
79 |
|
80 | a {
|
81 | color: gray;
|
82 | }
|
83 | a:hover {
|
84 | color: red;
|
85 | }
|
86 |
|
87 |
|
88 | #graph {
|
89 | width: 100%;
|
90 | height: 600px;
|
91 | }
|