Merge pull request #110 from kberg/master
[dygraphs.git] / gallery / gallery.css
1 @import url("../common/textarea.css");
2
3 body {
4 font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
5 font-size: 90%;
6 }
7
8 aside {
9 font-size: 90%;
10 }
11
12 #toc {
13 vertical-align: top;
14 width: 200px;
15 }
16 #gap {
17 style="width:0.5em;"
18 }
19
20 #rhs, #lhs {
21 vertical-align: top;
22 }
23
24 #subtitle a:visited {
25 color: blue;
26 }
27
28 #workarea {
29 border-style: solid;
30 border-color: #ddd;
31 padding: 4px;
32 }
33
34 #toc .entry {
35 background-color: #eee;
36 padding: .7em;
37
38 /* These two lines result in indenting wrapped lines forward a little bit. */
39 /* text-indent: -1em;
40 padding-left: 1em; */
41 }
42
43 #toc .entry .selected {
44 color: #00b;
45 }
46
47 #title {
48 text-align: center;
49 font-size: 1.5em;
50 vertical-align: bottom;
51 }
52
53 /* CSS for drawing tool */
54 #workarea #drawing #tool_zoom {
55 background: url('images/tool-palette.png');
56 background-position: 0px 0px;
57 width: 32px;
58 height: 33px;
59 margin-left: 50px;
60 display: inline-block;
61 }
62 #workarea #drawing #tool_pencil {
63 background: url('images/tool-palette.png');
64 background-position: -32px 0px;
65 width: 32px;
66 height: 33px;
67 display: inline-block;
68 }
69 #workarea #drawing #tool_eraser {
70 background: url('images/tool-palette.png');
71 background-position: -64px 0px;
72 width: 33px;
73 height: 33px;
74 display: inline-block;
75 }
76 #workarea #drawing #toolbar {
77 display: inline-block;
78 }
79
80 /* CSS for independent series */
81 #workarea #independent-series .thinborder {
82 border-width: 1px;
83 border-spacing: 0px;
84 border-style: solid;
85 border-color: black;
86 border-collapse: collapse;
87 }
88
89 #workarea #independent-series .thinborder td,
90 #workarea #independent-series .thinborder th {
91 border-width: 1px;
92 padding: 5px;
93 border-style: solid;
94 border-color: black;
95 }
96
97 /* CSS for resize */
98 #workarea #resize #div_g {
99 /* The left and top are just guesses, this needs a proper run-through */
100 position: absolute;
101 left: 200px;
102 right: 10px;
103 top: 100px;
104 bottom: 10px;
105 }
106
107 /* CSS for styled-chart-label */
108 #workarea #styled-chart-labels .infotext {
109
110 }
111
112 #workarea #styled-chart-labels #div_g .dygraph-label {
113 /* This applies to the title, x-axis label and y-axis label */
114 font-family: Georgia, Verdana, serif;
115 }
116
117 #workarea #styled-chart-labels #div_g .dygraph-title {
118 /* This rule only applies to the chart title */
119 font-size: 36px;
120 text-shadow: gray 2px 2px 2px; /* color, delta-x, delta-y, blur radius */
121 }
122
123 #workarea #styled-chart-labels #div_g .dygraph-ylabel {
124 /* This rule only applies to the y-axis label */
125 font-size: 18px;
126 text-shadow: gray -2px 2px 2px; /* (offsets are in a rotated frame) */
127 }
128
129 #workarea #styled-chart-labels .chart {
130 border: 1px dashed black;
131 margin: 5px 5px 5px 50px;
132 padding: 2px;
133 }
134
135 #workarea #temperature-sf-ny #bordered {
136 border: 1px solid red;
137 }