Include a screenshot and move style to assets.

4 files changed, 129 insertions, 0 deletions

diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100644
index 0000000..8f5798e
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,67 @@
+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;
+}
+
+.loading {
+    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;
+}
+
+.chart canvas {
+}
+
+.tickLabel {
+    width:50px;
+    overflow:hidden;
+}
+
+.legendLabel {
+    cursor: pointer;
+}
+
+.legend .disabled {
+    text-decoration: line-through;
+}
+
+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;
+}
diff --git a/assets/css/tabs-no-images.css b/assets/css/tabs-no-images.css
new file mode 100644
index 0000000..58a54b4
--- /dev/null
+++ b/assets/css/tabs-no-images.css
@@ -0,0 +1,62 @@
+
+/* root element for tabs  */
+ul.css-tabs {
+    margin:0 !important;
+    padding:0;
+    height:30px;
+    border-bottom:1px solid #666;
+}
+
+/* single tab */
+ul.css-tabs li {
+    float:left;
+    padding:0;
+    margin:0;
+    list-style-type:none;
+}
+
+/* link inside the tab. uses a background image */
+ul.css-tabs a {
+    float:left;
+    font-size:13px;
+    display:block;
+    padding:5px 30px;
+    text-decoration:none;
+    border:1px solid #666;
+    border-bottom:0px;
+    height:18px;
+    background-color:#efefef;
+    color:#777;
+    margin-right:2px;
+    -moz-border-radius-topleft: 4px;
+    -moz-border-radius-topright:4px;
+    position:relative;
+    top:1px;
+}
+
+ul.css-tabs a:hover {
+    background-color:#F7F7F7;
+    color:#333;
+}
+
+/* selected tab */
+ul.css-tabs a.current {
+    background-color:#ddd;
+    border-bottom:2px solid #ddd;
+    color:#000;
+    cursor:default;
+}
+
+
+/* tab pane */
+.css-panes > div {
+    display:none;
+    border:1px solid #666;
+    border-width:0 1px 1px 1px;
+    min-height:150px;
+    padding:15px 20px;
+    background-color:#ddd;
+}
+
+
+
diff --git a/assets/icons/loading.gif b/assets/icons/loading.gif
new file mode 100644
index 0000000..f2a1bc0
--- /dev/null
+++ b/assets/icons/loading.gif
diff --git a/assets/images/screenshot1.png b/assets/images/screenshot1.png
new file mode 100644
index 0000000..50585be
--- /dev/null
+++ b/assets/images/screenshot1.png