| /* css for sample app custom view */ |
| |
| #ov-sample-custom { |
| padding: 20px; |
| } |
| .light #ov-sample-custom { |
| color: navy; |
| } |
| .dark #ov-sample-custom { |
| color: #88f; |
| } |
| |
| #ov-sample-custom .button-panel { |
| margin: 10px; |
| width: 200px; |
| } |
| |
| .light #ov-sample-custom .button-panel { |
| background-color: #ccf; |
| } |
| .dark #ov-sample-custom .button-panel { |
| background-color: #444; |
| } |
| |
| #ov-sample-custom .my-button { |
| cursor: pointer; |
| padding: 4px; |
| text-align: center; |
| } |
| |
| .light #ov-sample-custom .my-button { |
| color: white; |
| background-color: #8b8386; |
| } |
| .dark #ov-sample-custom .my-button { |
| color: black; |
| background-color: #aaa; |
| } |
| |
| #ov-sample-custom .number { |
| font-size: 140%; |
| text-align: right; |
| } |
| |
| #ov-sample-custom .quote { |
| margin: 10px 20px; |
| font-style: italic; |
| } |
| |
| .bar rect { |
| fill: steelblue; |
| } |
| |
| .bar text {; |
| font: 15px sans-serif; |
| } |
| |
| |
| .chart div { |
| font: 10px sans-serif; |
| background-color: steelblue; |
| text-align: right; |
| padding: 3px; |
| margin: 1px; |
| color: white; |
| } |
| body { |
| width: 1450px; |
| height: 500px; |
| position: relative; |
| background-color:#DFE5EA; |
| } |
| |
| svg { |
| width: 100%; |
| height: 100%; |
| position: center; |
| } |
| |
| .toolTip { |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
| position: absolute; |
| display: none; |
| width: auto; |
| height: auto; |
| background: none repeat scroll 0 0 white; |
| border: 0 none; |
| border-radius: 8px 8px 8px 8px; |
| box-shadow: -3px 3px 15px #888888; |
| color: black; |
| font: 12px sans-serif; |
| padding: 5px; |
| text-align: center; |
| } |
| |
| text { |
| font: 17px sans-serif; |
| } |
| text.value { |
| font-size: 150%; |
| fill: white; |
| } |
| |
| .axisHorizontal path{ |
| fill: none; |
| } |
| |
| .axisHorizontal .tick line { |
| stroke-width: 1; |
| stroke: rgba(0, 0, 0, 0.2); |
| } |
| |
| .bar { |
| fill: steelblue; |
| fill-opacity: .9; |
| } |