move css to external stylesheet.

2 files changed, 67 insertions, 68 deletions

diff --git a/index.html b/index.html
index 7e60c00..522a937 100644
--- a/index.html
+++ b/index.html
@@ -6,74 +6,7 @@
         <meta http-equiv="content-type" content="text/html;charset=utf-8" />
 
         <link rel="stylesheet" type="text/css" href="http://flowplayer.org/tools/demos/dateinput/css/skin1.css" />
-        <style type="text/css">
-        body {
-            font-family: sans;
-            width: 800px;
-            margin: 20px auto 0 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 0 auto;
-            position: relative;
-        }
-
-        .chart {
-            height:200px;
-            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;
-        }
-        </style>
+        <link rel="stylesheet" type="text/css" href="style.css" />
 
         <script type="text/javascript" src="http://svn.mochikit.com/mochikit/trunk/MochiKit/Base.js"></script>
         <script type="text/javascript" src="http://svn.mochikit.com/mochikit/trunk/MochiKit/Async.js"></script>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..9b6b471
--- /dev/null
+++ b/style.css
@@ -0,0 +1,66 @@
+body {
+    font-family: sans;
+    width: 800px;
+    margin: 20px auto 0 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 0 auto;
+    position: relative;
+}
+
+.chart {
+    height:200px;
+    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;
+}