5 -webkit-touch-callout: none
;
6 -webkit-user-select: none
;
7 -khtml-user-select: none
;
8 -moz-user-select: none
;
26 vertical-align: middle
;
29 #display, #alarm-text
{
30 font-family: Verdana
, Arial
, Lucida
, Helvetica
, sans-serif
;
31 text-shadow: 0.03em 0.03em #cccccc;
32 border: 0.02em #cccccc solid
;
37 @media only screen and
(min-width: 200px) {
38 #display, #alarm-text
{
43 @media only screen and
(min-width: 300px) {
44 #display, #alarm-text
{
49 @media only screen and
(min-width: 400px) {
50 #display, #alarm-text
{
55 @media only screen and
(min-width: 500px) {
56 #display, #alarm-text
{
61 @media only screen and
(min-width: 600px) {
62 #display, #alarm-text
{
67 @media only screen and
(min-width: 700px) {
68 #display, #alarm-text
{
73 @media only screen and
(min-width: 800px) {
74 #display, #alarm-text
{
79 @media only screen and
(min-width: 1000px) {
80 #display, #alarm-text
{
85 @media only screen and
(min-width: 1400px) {
86 #display, #alarm-text
{
92 text-decoration: blink
;
96 display: inline-block
;
103 #number-buttons button
{
109 -moz-box-shadow: inset
0em 0.1em 0em 0em #ffffff;
110 -webkit-box-shadow: inset
0em 0.1em 0em 0em #ffffff;
111 box-shadow: inset
0em 0.1em 0em 0em #ffffff;
112 background: -webkit-gradient
( linear
, left top
, left bottom
, color-stop
(0.05, #ededed), color-stop
(1, #dfdfdf) );
113 background: -moz-linear-gradient
( center top
, #ededed 5%, #dfdfdf 100% );
114 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#ededed', endColorstr
='#dfdfdf');
115 background-color: #ededed;
116 -moz-border-radius: 0.4em;
117 -webkit-border-radius: 0.4em;
118 border-radius: 0.4em;
119 border: 0.1em solid
#dcdcdc;
120 display: inline-block
;
124 padding: 0.4em 1.5em;
125 text-decoration: none
;
126 text-shadow: 0.1em 0.1em 0em #ffffff;
130 background: -webkit-gradient
( linear
, left top
, left bottom
, color-stop
(0.05, #dfdfdf), color-stop
(1, #ededed) );
131 background: -moz-linear-gradient
( center top
, #dfdfdf 5%, #ededed 100% );
132 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#dfdfdf', endColorstr
='#ededed');
133 background-color: #dfdfdf;
142 -moz-box-shadow: inset
0em 0.1em 0em 0em #97c4fe;
143 -webkit-box-shadow: inset
0em 0.1em 0em 0em #97c4fe;
144 box-shadow: inset
0em 0.1em 0em 0em #97c4fe;
145 background: -webkit-gradient
( linear
, left top
, left bottom
, color-stop
(0.05, #3d94f6), color-stop
(1, #1e62d0) );
146 background: -moz-linear-gradient
( center top
, #3d94f6 5%, #1e62d0 100% );
147 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#3d94f6', endColorstr
='#1e62d0');
148 background-color: #3d94f6;
149 border: 0.1em solid
#337fed;
150 text-shadow: 0.1em 0.1em 0em #1570cd;
154 button
.action:hover
{
155 background: -webkit-gradient
( linear
, left top
, left bottom
, color-stop
(0.05, #1e62d0), color-stop
(1, #3d94f6) );
156 background: -moz-linear-gradient
( center top
, #1e62d0 5%, #3d94f6 100% );
157 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#1e62d0', endColorstr
='#3d94f6');
158 background-color: #1e62d0;
166 #configure-controls, #countdown-controls
, #countdown-pause
, #alarm
{
174 background-color: #c05080;
177 body
.alarm #countdown-controls
, body
.alarm #display
{
178 display: none
!important
;
187 /* State: countdown */
189 body
.countdown #countdown-controls
{
195 /* State: configure */
197 body
.configure #configure-controls
{
203 /* State: counting */
205 body
.counting #countdown-pause
{
209 body
.counting #countdown-start
{