Some display tweaks, looks a little better now

Author: brianarn

dojo/colormix.css

@@ -3,8 +3,10 @@
 article, aside, figure, footer, header, hgroup, 
 menu, nav, section { display: block; }
 
-body {
+body.claro {
 	background-color: #73B4FF;
+	font-size: 14px;
+	font-family: Verdana, Arial, sans-serif;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -30,6 +32,12 @@ h1 { font-size: 3em; font-weight: bolder; }
 	padding: 10px;
 }
 
+#loading {
+	font-size: 36px;
+	font-weight: bold;
+	text-align: center;
+}
+
 .colorwrap {
 	/* Clears floats, I hear */
 	overflow: hidden;

dojo/colormix.html

@@ -22,7 +22,9 @@ <h1>Color Mixer</h1>
 				</ul>
 			</section>
 			<section id="loading">
-				Loading, please wait...
+				<strong>Loading, please wait...</strong>
+				<img src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/images/loadingAnimation.gif" alt="Loading..." />
+		<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css">
 			</section>
 			<section id="content" style="display: none;">
 				<div id="colors" class="colorwrap">