Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
9 lars 1
/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
2
.jqplot-target {
3
    position: relative;
4
    color: #666666;
5
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
6
    font-size: 1em;
7
/*    height: 300px;
8
    width: 400px;*/
9
}
10
 
11
/*rules applied to all axes*/
12
.jqplot-axis {
13
    font-size: 0.75em;
14
}
15
 
16
.jqplot-xaxis {
17
    margin-top: 10px;
18
}
19
 
20
.jqplot-x2axis {
21
    margin-bottom: 10px;
22
}
23
 
24
.jqplot-yaxis {
25
    margin-right: 10px;
26
}
27
 
28
.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
29
    margin-left: 10px;
30
    margin-right: 10px;
31
}
32
 
33
/*rules applied to all axis tick divs*/
34
.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
35
    position: absolute;
36
    white-space: pre;
37
}
38
 
39
 
40
.jqplot-xaxis-tick {
41
    top: 0px;
42
    /* initial position untill tick is drawn in proper place */
43
    left: 15px;
44
/*    padding-top: 10px;*/
45
    vertical-align: top;
46
}
47
 
48
.jqplot-x2axis-tick {
49
    bottom: 0px;
50
    /* initial position untill tick is drawn in proper place */
51
    left: 15px;
52
/*    padding-bottom: 10px;*/
53
    vertical-align: bottom;
54
}
55
 
56
.jqplot-yaxis-tick {
57
    right: 0px;
58
    /* initial position untill tick is drawn in proper place */
59
    top: 15px;
60
/*    padding-right: 10px;*/
61
    text-align: right;
62
}
63
 
64
.jqplot-yaxis-tick.jqplot-breakTick {
65
    right: -20px;
66
    margin-right: 0px;
67
    padding:1px 5px 1px 5px;
68
    /*background-color: white;*/
69
    z-index: 2;
70
    font-size: 1.5em;
71
}
72
 
73
.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
74
    left: 0px;
75
    /* initial position untill tick is drawn in proper place */
76
    top: 15px;
77
/*    padding-left: 10px;*/
78
/*    padding-right: 15px;*/
79
    text-align: left;
80
}
81
 
82
.jqplot-yMidAxis-tick {
83
    text-align: center;
84
    white-space: nowrap;
85
}
86
 
87
.jqplot-xaxis-label {
88
    margin-top: 10px;
89
    font-size: 11pt;
90
    position: absolute;
91
}
92
 
93
.jqplot-x2axis-label {
94
    margin-bottom: 10px;
95
    font-size: 11pt;
96
    position: absolute;
97
}
98
 
99
.jqplot-yaxis-label {
100
    margin-right: 10px;
101
/*    text-align: center;*/
102
    font-size: 11pt;
103
    position: absolute;
104
}
105
 
106
.jqplot-yMidAxis-label {
107
    font-size: 11pt;
108
    position: absolute;
109
}
110
 
111
.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
112
/*    text-align: center;*/
113
    font-size: 11pt;
114
    margin-left: 10px;
115
    position: absolute;
116
}
117
 
118
.jqplot-meterGauge-tick {
119
    font-size: 0.75em;
120
    color: #999999;
121
}
122
 
123
.jqplot-meterGauge-label {
124
    font-size: 1em;
125
    color: #999999;
126
}
127
 
128
table.jqplot-table-legend {
129
    margin-top: 12px;
130
    margin-bottom: 12px;
131
    margin-left: 12px;
132
    margin-right: 12px;
133
}
134
 
135
table.jqplot-table-legend, table.jqplot-cursor-legend {
136
    background-color: rgba(255,255,255,0.6);
137
    border: 1px solid #cccccc;
138
    position: absolute;
139
    font-size: 0.75em;
140
}
141
 
142
td.jqplot-table-legend {
143
    vertical-align:middle;
144
}
145
 
146
/*
147
These rules could be used instead of assigning
148
element styles and relying on js object properties.
149
*/
150
 
151
/*
152
td.jqplot-table-legend-swatch {
153
    padding-top: 0.5em;
154
    text-align: center;
155
}
156
 
157
tr.jqplot-table-legend:first td.jqplot-table-legend-swatch {
158
    padding-top: 0px;
159
}
160
*/
161
 
162
td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
163
    cursor: pointer;
164
}
165
 
166
.jqplot-table-legend .jqplot-series-hidden {
167
    text-decoration: line-through;
168
}
169
 
170
div.jqplot-table-legend-swatch-outline {
171
    border: 1px solid #cccccc;
172
    padding:1px;
173
}
174
 
175
div.jqplot-table-legend-swatch {
176
    width:0px;
177
    height:0px;
178
    border-top-width: 5px;
179
    border-bottom-width: 5px;
180
    border-left-width: 6px;
181
    border-right-width: 6px;
182
    border-top-style: solid;
183
    border-bottom-style: solid;
184
    border-left-style: solid;
185
    border-right-style: solid;
186
}
187
 
188
.jqplot-title {
189
    top: 0px;
190
    left: 0px;
191
    padding-bottom: 0.5em;
192
    font-size: 1.2em;
193
}
194
 
195
table.jqplot-cursor-tooltip {
196
    border: 1px solid #cccccc;
197
    font-size: 0.75em;
198
}
199
 
200
 
201
.jqplot-cursor-tooltip {
202
    border: 1px solid #cccccc;
203
    font-size: 0.75em;
204
    white-space: nowrap;
205
    background: rgba(208,208,208,0.5);
206
    padding: 1px;
207
}
208
 
209
.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
210
    border: 1px solid #cccccc;
211
    font-size: 0.75em;
212
    white-space: nowrap;
213
    background: rgba(208,208,208,0.5);
214
    padding: 1px;
215
}
216
 
217
.jqplot-point-label {
218
    font-size: 0.75em;
219
    z-index: 2;
220
}
221
 
222
td.jqplot-cursor-legend-swatch {
223
    vertical-align: middle;
224
    text-align: center;
225
}
226
 
227
div.jqplot-cursor-legend-swatch {
228
    width: 1.2em;
229
    height: 0.7em;
230
}
231
 
232
.jqplot-error {
233
/*   Styles added to the plot target container when there is an error go here.*/
234
    text-align: center;
235
}
236
 
237
.jqplot-error-message {
238
/*    Styling of the custom error message div goes here.*/
239
    position: relative;
240
    top: 46%;
241
    display: inline-block;
242
}
243
 
244
div.jqplot-bubble-label {
245
    font-size: 0.8em;
246
/*    background: rgba(90%, 90%, 90%, 0.15);*/
247
    padding-left: 2px;
248
    padding-right: 2px;
249
    color: rgb(20%, 20%, 20%);
250
}
251
 
252
div.jqplot-bubble-label.jqplot-bubble-label-highlight {
253
    background: rgba(90%, 90%, 90%, 0.7);
254
}
255
 
256
div.jqplot-noData-container {
257
    text-align: center;
258
    background-color: rgba(96%, 96%, 96%, 0.3);
259
}