]> nos-oignons.net Git - graphnion.git/blob - demo/graphnion-demo.css
Use 'width' setting in demo.
[graphnion.git] / demo / graphnion-demo.css
1 body {
2     background: #ddd;
3     max-width: 55em;
4     margin: auto;
5 }
6
7
8 h1, h2 {color: #57075F;}
9 header,
10 section,
11 footer {margin: 1em 2em;padding: 1em 2em;}
12 header p {font-style: italic;}
13 section {background: #fff;}
14
15 .pie-chart {
16     display: inline-block;
17     vertical-align: top;
18     width: 48%;
19     text-align: center;
20 }
21 .pie-chart + .pie-chart {
22     border-left: 2px solid #eee;
23     margin-left: 1%;
24     padding-left: 1%;
25 }
26
27 #graphnion-bandwidth {}
28 #graphnion-bandwidth form {text-align: center;}
29 #graphnion-bandwidth form div {display: inline-block;}
30
31
32 .axis path,
33 .axis line {
34   fill: none;
35   stroke: #ddd;
36   shape-rendering: crispEdges;
37 }
38
39 .tick text,
40 .legend text {
41     fill: #666;
42 }