From feb6a68c654e77f0e424a93c6711874c6442d08d Mon Sep 17 00:00:00 2001 From: David Vazgenovich Shakaryan Date: Fri, 28 Feb 2014 09:41:41 -0800 Subject: Pretty options page. --- options.css | 59 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ options.html | 25 ++++++++++++++----------- options.js | 2 +- 3 files changed, 74 insertions(+), 12 deletions(-) create mode 100644 options.css diff --git a/options.css b/options.css new file mode 100644 index 0000000..1f72b1f --- /dev/null +++ b/options.css @@ -0,0 +1,59 @@ +body { + color: #222; + background-color: #222; + font-family: 'Verdana', sans-serif; + padding: 0em; + margin: 0em; + + -webkit-user-select: none; + user-select: none; +} + +div#container { + width: 20em; + height: 11em; + padding: 1em; + margin: auto; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + + background-color: #ddd; + border-radius: 1em; +} + +h1 { + font-size: 1.6em; + font-family: 'Lato', sans-serif; + text-align: center; + padding: 0em; + margin: 0em; +} + +p#status { + color: #390; +} + +p#button { + text-align: center; +} + +button { + color: #ddd; + background-color: #222; + font-size: 1em; + font-weight: bold; + padding: 1em; + border: 0em; + border-radius: 1em; +} + +button:hover { + background-color: #130; +} + +button:focus { + outline: 0; +} diff --git a/options.html b/options.html index 5f7058d..148d247 100644 --- a/options.html +++ b/options.html @@ -3,21 +3,24 @@ - + Tempo Options -

- -

Options

Time format: + +

+ +

diff --git a/options.js b/options.js index b8986ae..184a1fe 100644 --- a/options.js +++ b/options.js @@ -10,7 +10,7 @@ function save_options() { var status = document.getElementById('status'); status.innerHTML = 'Options saved.'; - setTimeout(function() {status.innerHTML = ''}, 1000); + setTimeout(function() {status.innerHTML = ' '}, 1000); } function restore_options() { -- cgit v1.2.3-70-g09d2