Clean and create output directory when generating docs.

utils/dartdoc/static/styles.css

Index: utils/dartdoc/static/styles.css
diff --git a/utils/dartdoc/docs/styles.css b/utils/dartdoc/static/styles.css
similarity index 96%
rename from utils/dartdoc/docs/styles.css
rename to utils/dartdoc/static/styles.css
index dac9f65a9485f14c3296ba96c8b03a5dda722f65..a3b2fa9cdc5c2a03ce4c39afdd7b8f6716d8d9f0 100644
--- a/utils/dartdoc/docs/styles.css
+++ b/utils/dartdoc/static/styles.css
@@ -174,7 +174,9 @@ pre.source .p.si { color: hsl(40, 60%, 40%); }
 
 /*
 body {
-  background: url('grid-22.png') top left repeat;
+  background: -webkit-linear-gradient(top, #eee 0, #fff 10%, #fff 90%, #eee 100%);

[Jacob, 2011/11/16 19:59:30]

add gradient definitions for moz, ie, and opera as well
there are plenty of convenience tools on the web to help you do this.

[jimhug, 2011/11/17 16:59:44]

Or...  wait a couple of weeks for Terry's tool to do this automatically for you.
 Unfortunately, given the doc team's desire to use this ASAP, I'd agree with
Jacob that you should fix this for now so we don't send the wrong message with
our docs.

On 2011/11/16 19:59:30, Jacob wrote:

[Bob Nystrom, 2011/11/17 20:44:21]

What Jim said! :)
These styles are only for debugging and won't actually be seen by users (unless
they actually look at the CSS and we don't minify it...). Note that these are
all commented out here.

+  background-size: 22px 22px;
+  background-repeat: repeat;
 }
 
 .content {