[Pulled styles out into stylesheet files
Dino Morelli <dino@ui3.info>**20111203200710
 Ignore-this: 48b40dbb47f17ba2080ea433b132ae2b
 
 Can now selectively load styles for mobile devices and do more.
] adddir ./hello-shoqqy/css
addfile ./hello-shoqqy/css/base.css
hunk ./hello-shoqqy/css/base.css 1
+body {
+   font-family: sans-serif;
+   color: white;
+   background-color: black;
+}
+
+.fill {
+   width: 100%;
+}
+
+/* User interface widgets should be a minimum of 44 pixels high
+*/
+.ui {
+   height: 44px;
+   margin: 0px;
+   padding: 0px;
+}
+
+.input {
+   font: 17px arial,sans-serif;
+   line-height: 1.2em!important;
+}
+
+h3 {
+   background: gray;
+   font-size: 10pt;
+   padding: 0.7em 0.7em;
+}
+
+.button {
+   /* Doing this makes the button look less button-like
+   border: 0px;*/
+}
addfile ./hello-shoqqy/css/mobile.css
hunk ./hello-shoqqy/css/mobile.css 1
+body {
+   min-height: 485px;
+}
hunk ./hello-shoqqy/index.html 15
-      <style>
-         body {
-            font-family: sans-serif;
-            color: white;
-            background-color: black;
-            min-height: 485px;
-         }
-
-         .fill {
-            width: 100%;
-         }
-
-         /* User interface widgets should be a minimum of 44 pixels high
-         */
-         .ui {
-            height: 44px;
-            margin: 0px;
-            padding: 0px;
-         }
-
-         .input {
-            font: 17px arial,sans-serif;
-            line-height: 1.2em!important;
-         }
-
-         h3 {
-            background: gray;
-            font-size: 10pt;
-            padding: 0.7em 0.7em;
-         }
-
-         .button {
-            /*border: 0px;*/
-         }
-      </style>
+      <link rel="stylesheet"
+         media="all" href="css/base.css" />
+      <link rel="stylesheet"
+         media="only screen and (max-width: 800px)" href="css/mobile.css" />