1 files changed, 87 insertions, 0 deletions
diff --git a/docs/examples/assets/css/style.css b/docs/examples/assets/css/style.css
new file mode 100644
index 0000000..561b11e
--- /dev/null
+++ b/docs/examples/assets/css/style.css
@@ -0,0 +1,87 @@
+body {
+    font-family: sans;
+    width: 960px;
+    margin: 20px auto 10px auto;
+}
+
+form div {
+    text-align: center;
+}
+
+h2 {
+    padding: 0 0 0 55px;
+    margin: 20px auto 5px auto;
+    font-size: 14px;
+    text-align: left;
+    clear: both;
+}
+
+p, li, dt, dd, td, th, div {
+    font-size: 12px;
+}
+
+.loading .title {
+    background-repeat: no-repeat;
+    background-position: 0 50%;
+    background-image: url(/assets/icons/loading.gif);
+}
+
+.range-preview {
+    height:50px;
+    margin: 0 auto 10px auto;
+    position: relative;
+}
+
+.chart {
+    height:200px;
+    width: 850px;
+    margin: 0 auto 0 auto;
+}
+
+.tickLabel {
+    width:50px;
+    overflow:hidden;
+}
+
+.graph-legend {
+    width: 790px;
+    padding: 5px 0 5px 0;
+    margin: 10px auto 0 auto;
+    background-color: #f7f7f7;
+    position: relative;
+    left: 25px;
+}
+
+.graph-legend .legendItem {
+    float: left;
+    cursor: pointer;
+    margin-right: 20px;
+    margin-top: 5px;
+    margin-left: 5px;
+}
+
+.graph-legend .disabled {
+    text-decoration: line-through;
+}
+
+.graph-legend .legendColorBox {
+    float: left;
+    margin-right: 5px;
+}
+
+input[type=checkbox] {
+    margin: 0;
+    padding: 0;
+    border: none;
+}
+
+.notice {
+    border: 1px solid Green;
+    background: #FFDDFF;
+    margin-bottom: 20px;
+    padding: 5px;
+}
+
+#calroot {
+    z-index: 2;
+}