Added the zend framework 2 library, the path is specified in line no.26 in zend_modul...
[openemr.git] / phpmyadmin / themes / pmahomme / css / jqplot.css.php
blobe4c56bf961022f030a62454e385f8502e04c34d0
1 <?php
2 /* vim: set expandtab sw=4 ts=4 sts=4: */
3 /**
4 * Styles for jqplot
5 * for the pmahomme theme
7 * @package PhpMyAdmin-theme
8 * @subpackage PMAHomme
9 */
11 // unplanned execution path
12 if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
13 exit();
17 /* jqPlot */
19 /*rules for the plot target div. These will be cascaded down to all plot elements according to css rules*/
20 .jqplot-target {
21 position: relative;
22 color: #222222;
23 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
24 font-size: 1em;
25 /* height: 300px;
26 width: 590px;*/
29 /*rules applied to all axes*/
30 .jqplot-axis {
31 font-size: 0.75em;
34 .jqplot-xaxis {
35 margin-top: 10px;
38 .jqplot-x2axis {
39 margin-bottom: 10px;
42 .jqplot-yaxis {
43 margin-<?php echo $right; ?>: 10px;
46 .jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
47 margin-left: 10px;
48 margin-right: 10px;
51 /*rules applied to all axis tick divs*/
52 .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 {
53 position: absolute;
54 white-space: pre;
58 .jqplot-xaxis-tick {
59 top: 0px;
60 /* initial position untill tick is drawn in proper place */
61 <?php echo $left; ?>: 15px;
62 /* padding-top: 10px;*/
63 vertical-align: top;
66 .jqplot-x2axis-tick {
67 bottom: 0px;
68 /* initial position untill tick is drawn in proper place */
69 <?php echo $left; ?>: 15px;
70 /* padding-bottom: 10px;*/
71 vertical-align: bottom;
74 .jqplot-yaxis-tick {
75 <?php echo $right; ?>: 0px;
76 /* initial position untill tick is drawn in proper place */
77 top: 15px;
78 /* padding-right: 10px;*/
79 text-align: <?php echo $right; ?>;
82 .jqplot-yaxis-tick.jqplot-breakTick {
83 <?php echo $right; ?>: -20px;
84 margin-<?php echo $right; ?>: 0px;
85 padding:1px 5px 1px;
86 /* background-color: white;*/
87 z-index: 2;
88 font-size: 1.5em;
91 .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
92 <?php echo $left; ?>: 0px;
93 /* initial position untill tick is drawn in proper place */
94 top: 15px;
95 /* padding-left: 10px;*/
96 /* padding-right: 15px;*/
97 text-align: <?php echo $left; ?>;
100 .jqplot-yMidAxis-tick {
101 text-align: center;
102 white-space: nowrap;
105 .jqplot-xaxis-label {
106 margin-top: 10px;
107 font-size: 11pt;
108 position: absolute;
111 .jqplot-x2axis-label {
112 margin-bottom: 10px;
113 font-size: 11pt;
114 position: absolute;
117 .jqplot-yaxis-label {
118 margin-right: 10px;
119 /* text-align: center;*/
120 font-size: 11pt;
121 position: absolute;
124 .jqplot-yMidAxis-label {
125 font-size: 11pt;
126 position: absolute;
129 .jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
130 /* text-align: center;*/
131 font-size: 11pt;
132 margin-<?php echo $left; ?>: 10px;
133 position: absolute;
136 .jqplot-meterGauge-tick {
137 font-size: 0.75em;
138 color: #999999;
141 .jqplot-meterGauge-label {
142 font-size: 1em;
143 color: #999999;
146 table.jqplot-table-legend {
147 margin-top: 12px;
148 margin-bottom: 12px;
149 margin-left: 12px;
150 margin-right: 12px;
153 table.jqplot-table-legend, table.jqplot-cursor-legend {
154 background-color: rgba(255,255,255,0.6);
155 border: 1px solid #cccccc;
156 position: absolute;
157 font-size: 0.75em;
160 td.jqplot-table-legend {
161 vertical-align: middle;
165 These rules could be used instead of assigning
166 element styles and relying on js object properties.
170 td.jqplot-table-legend-swatch {
171 padding-top: 0.5em;
172 text-align: center;
175 tr.jqplot-table-legend:first td.jqplot-table-legend-swatch {
176 padding-top: 0px;
180 td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
181 cursor: pointer;
184 .jqplot-table-legend .jqplot-series-hidden {
185 text-decoration: line-through;
188 div.jqplot-table-legend-swatch-outline {
189 border: 1px solid #cccccc;
190 padding: 1px;
193 div.jqplot-table-legend-swatch {
194 width: 0;
195 height: 0;
196 border-top-width: 5px;
197 border-bottom-width: 5px;
198 border-left-width: 6px;
199 border-right-width: 6px;
200 border-top-style: solid;
201 border-bottom-style: solid;
202 border-left-style: solid;
203 border-right-style: solid;
206 .jqplot-title {
207 top: 0px;
208 <?php echo $left; ?>: 0px;
209 padding-bottom: 0.5em;
210 font-size: 1.2em;
213 table.jqplot-cursor-tooltip {
214 border: 1px solid #cccccc;
215 font-size: 0.75em;
219 .jqplot-cursor-tooltip {
220 border: 1px solid #cccccc;
221 font-size: 0.75em;
222 white-space: nowrap;
223 background: rgba(208,208,208,0.5);
224 padding: 1px;
227 .jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
228 border: 1px solid #cccccc;
229 font-size: 0.75em;
230 white-space: nowrap;
231 background: rgba(208,208,208,0.5);
232 padding: 1px;
235 .jqplot-point-label {
236 font-size: 0.75em;
237 z-index: 2;
240 td.jqplot-cursor-legend-swatch {
241 vertical-align: middle;
242 text-align: center;
245 div.jqplot-cursor-legend-swatch {
246 width: 1.2em;
247 height: 0.7em;
250 .jqplot-error {
251 /* Styles added to the plot target container when there is an error go here.*/
252 text-align: center;
255 .jqplot-error-message {
256 /* Styling of the custom error message div goes here.*/
257 position: relative;
258 top: 46%;
259 display: inline-block;
262 div.jqplot-bubble-label {
263 font-size: 0.8em;
264 /* background: rgba(90%, 90%, 90%, 0.15);*/
265 padding-left: 2px;
266 padding-right: 2px;
267 color: rgb(20%, 20%, 20%);
270 div.jqplot-bubble-label.jqplot-bubble-label-highlight {
271 background: rgba(90%, 90%, 90%, 0.7);
274 div.jqplot-noData-container {
275 text-align: center;
276 background-color: rgba(96%, 96%, 96%, 0.3);