diff options
author | Gianni Ceccarelli <dakkar@thenautilus.net> | 2013-11-14 20:45:15 +0000 |
---|---|---|
committer | Gianni Ceccarelli <dakkar@thenautilus.net> | 2013-11-14 20:45:15 +0000 |
commit | c1a9a06bf35e716feb8e6f2509205f822f143251 (patch) | |
tree | 9f34f82d2faedf2f27aa09c67453a3698eb7c30d | |
parent | display tweaks (diff) | |
download | HomePanel-c1a9a06bf35e716feb8e6f2509205f822f143251.tar.gz HomePanel-c1a9a06bf35e716feb8e6f2509205f822f143251.tar.bz2 HomePanel-c1a9a06bf35e716feb8e6f2509205f822f143251.zip |
nook-correct styling
-rw-r--r-- | forecast.html.tt | 33 |
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 { |