BUGFIX: Fixed jittering test results by ignoring the alpha value in the color checks.
[dygraphs.git] / gallery / gallery.css
CommitLineData
c1f22b5a
RK
1body {
2 font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
3 font-size: 90%;
4}
5
e2a5e398
RK
6aside {
7 font-size: 90%;
8}
9
c1f22b5a
RK
10#toc {
11 vertical-align: top;
12 width: 200px;
13}
2a3953eb
RK
14#gap {
15 style="width:0.5em;"
16}
c1f22b5a 17
2a3953eb 18#rhs, #lhs {
c1f22b5a
RK
19 vertical-align: top;
20}
21
2a3953eb
RK
22#subtitle a:visited {
23 color: blue;
24}
25
c1f22b5a
RK
26#workarea {
27 border-style: solid;
28 border-color: #ddd;
29 padding: 4px;
30}
31
32#toc .entry {
33 background-color: #eee;
34 padding: .7em;
35
36 /* These two lines result in indenting wrapped lines forward a little bit. */
37 /* text-indent: -1em;
38 padding-left: 1em; */
39}
40
19d9e7c5
RK
41#toc .entry:hover {
42 color: blue;
43 cursor: pointer;
44}
45
c1f22b5a 46#toc .entry .selected {
19d9e7c5 47 color: #090;
c1f22b5a
RK
48}
49
a6c2695d
RK
50#code a:hover {
51 color: blue;
52 cursor: pointer;
53}
54
19d9e7c5 55#demotitle {
c1f22b5a
RK
56 text-align: center;
57 font-size: 1.5em;
58 vertical-align: bottom;
59}
60
19d9e7c5
RK
61.subdued:link,
62.subdued:visited,
63.subdued:active {
64 color: #000;
65}
66
67.subdued:hover {
68 color: blue;
69}
70
71a {
72 text-decoration: none;
73}
5c227b7e 74
c1f22b5a
RK
75/* CSS for drawing tool */
76#workarea #drawing #tool_zoom {
77 background: url('images/tool-palette.png');
78 background-position: 0px 0px;
79 width: 32px;
80 height: 33px;
81 margin-left: 50px;
82 display: inline-block;
83}
84#workarea #drawing #tool_pencil {
85 background: url('images/tool-palette.png');
86 background-position: -32px 0px;
87 width: 32px;
88 height: 33px;
89 display: inline-block;
90}
91#workarea #drawing #tool_eraser {
92 background: url('images/tool-palette.png');
93 background-position: -64px 0px;
94 width: 33px;
95 height: 33px;
96 display: inline-block;
97}
98#workarea #drawing #toolbar {
99 display: inline-block;
100}
101
102/* CSS for independent series */
103#workarea #independent-series .thinborder {
104 border-width: 1px;
105 border-spacing: 0px;
106 border-style: solid;
107 border-color: black;
108 border-collapse: collapse;
109}
110
111#workarea #independent-series .thinborder td,
112#workarea #independent-series .thinborder th {
113 border-width: 1px;
114 padding: 5px;
115 border-style: solid;
116 border-color: black;
e2a5e398 117}
328d2cce
RK
118
119/* CSS for resize */
120#workarea #resize #div_g {
121 /* The left and top are just guesses, this needs a proper run-through */
122 position: absolute;
123 left: 200px;
124 right: 10px;
125 top: 100px;
126 bottom: 10px;
3381d8fa
RK
127}
128
129/* CSS for styled-chart-label */
130#workarea #styled-chart-labels .infotext {
131
132}
133
134#workarea #styled-chart-labels #div_g .dygraph-label {
135 /* This applies to the title, x-axis label and y-axis label */
136 font-family: Georgia, Verdana, serif;
137}
138
139#workarea #styled-chart-labels #div_g .dygraph-title {
140 /* This rule only applies to the chart title */
141 font-size: 36px;
142 text-shadow: gray 2px 2px 2px; /* color, delta-x, delta-y, blur radius */
143}
144
145#workarea #styled-chart-labels #div_g .dygraph-ylabel {
146 /* This rule only applies to the y-axis label */
147 font-size: 18px;
148 text-shadow: gray -2px 2px 2px; /* (offsets are in a rotated frame) */
149}
150
151#workarea #styled-chart-labels .chart {
152 border: 1px dashed black;
fec16662 153 margin: 5px 5px 5px 50px;
3381d8fa 154 padding: 2px;
fec16662
RK
155}
156
abfadf4c 157#workarea #temperature-sf-ny #bordered {
fec16662
RK
158 border: 1px solid red;
159}
014f8445
KW
160
161#workarea #highlighted-series .few .dygraph-legend > span.highlight { border: 1px solid grey; }
162#workarea #highlighted-series .many .dygraph-legend > span { display: none; }
163#workarea #highlighted-series .many .dygraph-legend > span.highlight { display: inline; }
fa460473
KW
164
165#workarea #edge-padding fieldset { display: inline-block; vertical-align: top; }