From 772acac42634c76d485b7e248fca805039db58f6 Mon Sep 17 00:00:00 2001 From: Jan Michel Date: Sun, 8 Jan 2017 19:21:42 +0100 Subject: [PATCH] Update talk timer app --- timer/index.htm | 35 ++++++++++++++++++++++++++--------- timer/style.css | 42 ++++++++++++++++++++++++------------------ 2 files changed, 50 insertions(+), 27 deletions(-) diff --git a/timer/index.htm b/timer/index.htm index 3c067cc..22448eb 100644 --- a/timer/index.htm +++ b/timer/index.htm @@ -4,7 +4,7 @@ Talk Timer - + +
+
+
+
+
 
+
+
+
+
+
+
+
00
-
- - -
+ diff --git a/timer/style.css b/timer/style.css index 48be83f..f8a06b4 100644 --- a/timer/style.css +++ b/timer/style.css @@ -1,5 +1,5 @@ body { - font-family:"Trebuchet MS"; + font-family:'Droid Sans Mono', monospace; margin:0; height:100%; width:100%; @@ -7,24 +7,10 @@ body { background:black; } - -#setting { -position:absolute; -left:5px; -top:5px; -height:20px; -} - -input { -height:20px; -} - - #tim { -font-family:monospace; -font-size:70vw; -width:100%; +font-size:30vw; +width:80vw; height:95%; text-align:center; margin:auto; @@ -51,9 +37,29 @@ margin:auto; .shutup{ background:red; color:white; - animation: blinker 1s linear infinite; +/* animation: blinker 1s linear infinite; */ } @keyframes blinker { 50% { opacity: 0; } } + +#sets { + position:absolute; + top:1vw; + left:1vw; + width:8vw; +} + +#sets input { + width : 5vw; + height: 6vh; + font-size:2vw; + margin-bottom:2vh; + background:#444; + color:#aaa; +} + +#sets div { + height:10vh; + } -- 2.43.0