nook-correct styling

1 files changed, 24 insertions, 9 deletions

diff --git a/forecast.html.tt b/forecast.html.tt
index 17cef7f..2fdc7d7 100644
--- a/forecast.html.tt
+++ b/forecast.html.tt
@@ -29,11 +29,11 @@
     <meta http-equiv="refresh" content="5" />
     <style type="text/css">
       body, table {
-        font-size: 15px;
+        font-size: 30px;
       }
       
       table { border-collapse: collapse; empty-cells: show }
-      table td { border: dotted thin black; padding: 2px }
+      table td { border: dotted thin black; padding: 3px }
 
       div.forecast dt { display: none }
       div.forecast dd { display: inline; margin: 0; border: 0 }
@@ -44,24 +44,39 @@
       }
 
       div.currently, div.next-hour, div.next-day, div.next-week {
-        float: left; clear: none;
         width: 24%;
+        position: fixed; top: 5px;
+      }
+
+      div.currently { left: 5px }
+      div.next-hour { left: 25% }
+      div.next-day { left: 50% }
+      div.next-week { right: 5px }
+
+      div.today {
+        position: fixed; top: 8em; left: 5px;
+        float: left; clear: none;
+        width: 40%;
+        margin-right: 5px;
       }
-      div.today { clear: both }
-      div.today { float: left; width: 40%; margin-right: 10px; }
 
       dl.today dt.temperature, dl.today dd.temperature { display: inherit }
       dl.today dt.sunrise, dl.today dt.sunset { display: inline }
 
-      div.bus, div.tube { float: left  }
-      div.tube { width: 75% }
+      div.bus {
+        position: fixed; left: 40%; top: 10em;
+      }
+      div.tube {
+        position: fixed; left: 5px; bottom: 5px;
+        width: 75%;
+      }
 
       div.tube table { font-size: 75% }
 
-      div.tube td.status { width: 10em }
+      div.tube td.status { width: 8em }
       div.tube td.details { width: 10em }
 
-      div.timeline { float: right }
+      div.timeline { position: fixed; right: 5px; bottom: 5px; }
       div.timeline table { font-size: 75% }
 
       .stripes {