drawthechart.css

/* draw the chart */

.drawing_grid {
  stroke: #D8D8D8;
  stroke-dasharray: 0;
  stroke-width: 1;
  fill: none;
}
.vertical_grid_line {
  stroke: #f6f6f6;
  stroke-dasharray: 0;
  stroke-width: 2;
  fill: none;
}
.grid_field {
  stroke: none;
  opacity: 0;
}

.chart_line {
  fill:none;
  stroke: #7cb5ec;
  stroke-width:2;
}

.help_line {
  fill:none;
  stroke: #cfcfcf;
  stroke-width:1;
}

.chart_point {
  fill: #7cb5ec;
  opacity: 0.6;
  stroke-width: 6;
  stroke-opacity: 0;
}
.chart_point:hover {
  opacity: 0.3;
  stroke-opacity: 1;
  stroke: #7cb5ec;
}

.grid_text {
  color:#606060;
  cursor:default;
  font-size:11px;
  fill:#606060;
  width:333px;
  text-overflow:clip;
}

.help_text {
  color: #2f2f2f;
  cursor:default;
  font-size:13px;
  fill: #242424;
  width:333px;
  text-overflow:clip;
}

.manual_chart {
  width: 100%;
  height: 270px;
}
#chart_input {
  width: 100%;
  height: 100%;
}
.container{
  width: 800px;
}
#result-container{
  width: 700px;
  word-wrap: break-word;
}

.text {
  white-space: pre-wrap;
}