Use linear gradient rather than image.

d3 · Mar 11, 2011 · 7c7be4b · 7c7be4b
1 parent 166f8b5
commit 7c7be4b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/examples/stream/button.css b/examples/stream/button.css
@@ -1,6 +1,8 @@
 button {
   font: 14px Helvetica Neue;
-  background: #222 url(http://bost.ocks.org/button-overlay.png) repeat-x;
+  background-color: #222;
+  background-image: -moz-linear-gradient(top, rgba(255,255,255,.25), rgba(255,255,255,.11));
+  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.25), rgba(255,255,255,.11));
   color: #fff;
   text-rendering: optimizeLegibility;
   text-shadow: 0 -1px 1px #222;

diff --git a/examples/stream/stack.html b/examples/stream/stack.html
@@ -15,7 +15,7 @@
       </button
       ><button id="stack" class="active last" onclick="transitionStack()">
         Stack
-      </button><br>
+      </button><p>
     </div>
     <script type="text/javascript" src="stack.js"></script>
   </body>

diff --git a/examples/stream/stream.html b/examples/stream/stream.html
@@ -12,7 +12,7 @@
     <div id="chart">
       <button class="first last" onclick="transition()">
         Update
-      </button><br>
+      </button><p>
     </div>
     <script type="text/javascript" src="stream.js"></script>
   </body>