Support stroke patterns (i.e. dashed/dotted lines).
[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:hover {
44 color: blue;
45 cursor: pointer;
46 }
47
48 #toc .entry .selected {
49 color: #090;
50 }
51
52 #demotitle {
53 text-align: center;
54 font-size: 1.5em;
55 vertical-align: bottom;
56 }
57
58 .subdued:link,
59 .subdued:visited,
60 .subdued:active {
61 color: #000;
62 }
63
64 .subdued:hover {
65 color: blue;
66 }
67
68 a {
69 text-decoration: none;
70 }
71
72 /* CSS for drawing tool */
73 #workarea #drawing #tool_zoom {
74 background: url('images/tool-palette.png');
75 background-position: 0px 0px;
76 width: 32px;
77 height: 33px;
78 margin-left: 50px;
79 display: inline-block;
80 }
81 #workarea #drawing #tool_pencil {
82 background: url('images/tool-palette.png');
83 background-position: -32px 0px;
84 width: 32px;
85 height: 33px;
86 display: inline-block;
87 }
88 #workarea #drawing #tool_eraser {
89 background: url('images/tool-palette.png');
90 background-position: -64px 0px;
91 width: 33px;
92 height: 33px;
93 display: inline-block;
94 }
95 #workarea #drawing #toolbar {
96 display: inline-block;
97 }
98
99 /* CSS for independent series */
100 #workarea #independent-series .thinborder {
101 border-width: 1px;
102 border-spacing: 0px;
103 border-style: solid;
104 border-color: black;
105 border-collapse: collapse;
106 }
107
108 #workarea #independent-series .thinborder td,
109 #workarea #independent-series .thinborder th {
110 border-width: 1px;
111 padding: 5px;
112 border-style: solid;
113 border-color: black;
114 }
115
116 /* CSS for resize */
117 #workarea #resize #div_g {
118 /* The left and top are just guesses, this needs a proper run-through */
119 position: absolute;
120 left: 200px;
121 right: 10px;
122 top: 100px;
123 bottom: 10px;
124 }
125
126 /* CSS for styled-chart-label */
127 #workarea #styled-chart-labels .infotext {
128
129 }
130
131 #workarea #styled-chart-labels #div_g .dygraph-label {
132 /* This applies to the title, x-axis label and y-axis label */
133 font-family: Georgia, Verdana, serif;
134 }
135
136 #workarea #styled-chart-labels #div_g .dygraph-title {
137 /* This rule only applies to the chart title */
138 font-size: 36px;
139 text-shadow: gray 2px 2px 2px; /* color, delta-x, delta-y, blur radius */
140 }
141
142 #workarea #styled-chart-labels #div_g .dygraph-ylabel {
143 /* This rule only applies to the y-axis label */
144 font-size: 18px;
145 text-shadow: gray -2px 2px 2px; /* (offsets are in a rotated frame) */
146 }
147
148 #workarea #styled-chart-labels .chart {
149 border: 1px dashed black;
150 margin: 5px 5px 5px 50px;
151 padding: 2px;
152 }
153
154 #workarea #temperature-sf-ny #bordered {
155 border: 1px solid red;
156 }