Add demo

[graphnion.git] / demo / graphnion-demo.css

diff --git a/demo/graphnion-demo.css b/demo/graphnion-demo.css
new file mode 100644 (file)
index 0000000..d86c9ed
--- /dev/null
+++ b/demo/graphnion-demo.css
@@ -0,0 +1,42 @@
+body {
+    background: #ddd;
+    max-width: 55em;
+    margin: auto;
+}
+
+
+h1, h2 {color: #57075F;}
+header,
+section,
+footer {margin: 1em 2em;padding: 1em 2em;}
+header p {font-style: italic;}
+section {background: #fff;}
+
+.pie-chart {
+    display: inline-block;
+    vertical-align: top;
+    width: 48%;
+    text-align: center;
+}
+.pie-chart + .pie-chart {
+    border-left: 2px solid #eee;
+    margin-left: 1%;
+    padding-left: 1%;
+}
+
+#graphnion-bandwidth {}
+#graphnion-bandwidth form {text-align: center;}
+#graphnion-bandwidth form div {display: inline-block;}
+
+
+.axis path,
+.axis line {
+  fill: none;
+  stroke: #ddd;
+  shape-rendering: crispEdges;
+}
+
+.tick text,
+.legend text {
+    fill: #666;
+}
\ No newline at end of file