diff options
| author | David Vazgenovich Shakaryan <dvshakaryan@gmail.com> | 2014-02-24 01:03:48 -0800 |
|---|---|---|
| committer | David Vazgenovich Shakaryan <dvshakaryan@gmail.com> | 2014-02-24 01:03:48 -0800 |
| commit | 098c862fb2e641be19a05e69364f9612b6069a3a (patch) | |
| tree | 0cf612120105d76561fa9c6c75244bef4c790b58 | |
| parent | e61733e9b92758e807a6587e906cdce477307ca3 (diff) | |
| download | tempo-098c862fb2e641be19a05e69364f9612b6069a3a.tar.gz tempo-098c862fb2e641be19a05e69364f9612b6069a3a.tar.xz | |
Aesthetical improvements.
| -rw-r--r-- | index.html | 4 | ||||
| -rw-r--r-- | style.css | 7 | ||||
| -rw-r--r-- | tempo.js | 5 |
3 files changed, 9 insertions, 7 deletions
@@ -5,11 +5,11 @@ <link rel="stylesheet" type="text/css" href="style.css" /> <title>New Tab</title> - <script src="tempo.js"></script> + <script type="text/javascript" src="tempo.js"></script> </head> <body> <div id="time"> - <p id="timeval"> </p> + <p id="timeval"><span id="h"></span> <span id="m"></span> <span id="s"></span></p> </div> <div id="date"> <p id="dateval"> </p> @@ -1,4 +1,5 @@ body { + font-family: "Open Sans"; color: #ddd; background-color: #222; padding: 0em; @@ -6,11 +7,11 @@ body { } div#time { - margin-top: 6em; + margin-top: 4em; } div#time p { - font-size: 10em; + font-size: 8em; text-align: center; padding: 0em; margin: 0em; @@ -18,7 +19,7 @@ div#time p { div#date p { color: #777; - font-size: 2em; + font-size: 1.6em; text-align: center; padding: 0em; margin: 0em; @@ -19,10 +19,11 @@ function updateTime() { var dm = date.getMonth(); var dy = date.getFullYear(); - var str_t = padTime(h) + ":" + padTime(m) + ":" + padTime(s); var str_d = dd + " " + months[dm] + " " + dy; - document.getElementById("timeval").innerHTML = str_t; + document.getElementById("h").innerHTML = padTime(h); + document.getElementById("m").innerHTML = padTime(m); + document.getElementById("s").innerHTML = padTime(s); document.getElementById("dateval").innerHTML = str_d; } |