Use CSS for tests, gallery and docs

[dygraphs.git] / tests / customLabelCss3.html
diff --git a/tests/customLabelCss3.html b/tests/customLabelCss3.html

index 2b1b55a..ae08bf7 100644 (file)
--- a/tests/customLabelCss3.html
+++ b/tests/customLabelCss3.html
@@ -1,6 +1,7 @@
  <!DOCTYPE html>
  <html>
    <head>
+    <link rel="stylesheet" href="../css/dygraph.css">
      <title>Label styles</title>
      <!--
      For production (minified) code, use:
@@ -9,6 +10,16 @@
      <script type="text/javascript" src="../dist/dygraph.js"></script>
  
      <script type="text/javascript" src="data.js"></script>
+    <style>
+      .dygraph-legend {
+        background-color: rgba(200, 200, 255, 0.75);
+        padding: 4px;
+        border: 1px solid black;
+        border-radius: 10px;
+        box-shadow: 4px 4px 4px #888;
+        width: 100px;
+      }
+    </style>
    </head>
    <body>
      <p>Labels are styled with css3:</p>
@@ -20,14 +31,6 @@
              NoisyData, {
                rollPeriod: 14,
                errorBars: true,
-              labelsDivWidth: 100,
-              labelsDivStyles: {
-                'backgroundColor': 'rgba(200, 200, 255, 0.75)',
-                'padding': '4px',
-                'border': '1px solid black',
-                'borderRadius': '10px',
-                'boxShadow': '4px 4px 4px #888'
-              },
                labelsSeparateLines: true,
                axes: {
                  y: {