| .table-condensed td.sparkline-cell { | .table-condensed td.sparkline-cell { |
| padding: 1px 0 0 0; | padding: 1px 0 0 0; |
| width: 108px; | width: 108px; |
| text-align: center; | text-align: center; |
| } | } |
| .rickshaw_chart_container { | .rickshaw_chart_container { |
| position: relative; | position: relative; |
| height: 350px; | height: 350px; |
| margin: 0 auto 20px auto; | margin: 0 auto 20px auto; |
| } | } |
| .rickshaw_chart { | .rickshaw_chart { |
| position: absolute; | position: absolute; |
| left: 40px; | left: 40px; |
| width: 500px; | width: 500px; |
| top: 0; | top: 0; |
| bottom: 0; | bottom: 0; |
| } | } |
| .rickshaw_legend { | .rickshaw_legend { |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| margin-left: 15px; | |
| padding: 0 5px; | |
| background: transparent; | background: transparent; |
| max-width: 150px; | width: 100%; |
| overflow: hidden; | |
| background: rgba(0,0,0,0.05); | |
| border-radius:5px; | |
| } | } |
| .rickshaw_y_axis { | .rickshaw_y_axis { |
| position: absolute; | position: absolute; |
| top: 0; | top: 0; |
| bottom: 0; | bottom: 0; |
| width: 40px; | width: 40px; |
| } | } |
| .rickshaw_legend .label { | .rickshaw_legend .label { |
| background: transparent !important; | background: transparent !important; |
| color: #000000 !important; | color: #000000 !important; |
| font-weight: normal !important; | font-weight: normal !important; |
| } | } |