[Summary view] [Print] [Text view]

   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  }