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
;
38 @media only screen and
(min-width: 200px) {
39 #display, #alarm-text
{
44 @media only screen and
(min-width: 300px) {
45 #display, #alarm-text
{
50 @media only screen and
(min-width: 400px) {
51 #display, #alarm-text
{
56 @media only screen and
(min-width: 500px) {
57 #display, #alarm-text
{
62 @media only screen and
(min-width: 600px) {
63 #display, #alarm-text
{
68 @media only screen and
(min-width: 700px) {
69 #display, #alarm-text
{
74 @media only screen and
(min-width: 800px) {
75 #display, #alarm-text
{
80 @media only screen and
(min-width: 1000px) {
81 #display, #alarm-text
{
86 @media only screen and
(min-width: 1400px) {
87 #display, #alarm-text
{
93 text-decoration: blink
;
97 display: inline-block
;
104 #number-buttons button
{
110 -moz-box-shadow: inset
0em 0.1em 0em 0em #ffffff;
111 -webkit-box-shadow: inset
0em 0.1em 0em 0em #ffffff;
112 box-shadow: inset
0em 0.1em 0em 0em #ffffff;
113 background: -webkit-gradient
( linear
, left top
, left bottom
, color-stop
(0.05, #ededed), color-stop
(1, #dfdfdf) );
114 background: -moz-linear-gradient
( center top
, #ededed 5%, #dfdfdf 100% );
115 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#ededed', endColorstr
='#dfdfdf');
116 background-color: #ededed;
117 -moz-border-radius: 0.4em;
118 -webkit-border-radius: 0.4em;
119 border-radius: 0.4em;
120 border: 0.1em solid
#dcdcdc;
121 display: inline-block
;
125 padding: 0.4em 1.5em;
126 text-decoration: none
;
127 text-shadow: 0.1em 0.1em 0em #ffffff;
131 background: -webkit-gradient
( linear
, left top
, left bottom
, color-stop
(0.05, #dfdfdf), color-stop
(1, #ededed) );
132 background: -moz-linear-gradient
( center top
, #dfdfdf 5%, #ededed 100% );
133 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#dfdfdf', endColorstr
='#ededed');
134 background-color: #dfdfdf;
143 -moz-box-shadow: inset
0em 0.1em 0em 0em #97c4fe;
144 -webkit-box-shadow: inset
0em 0.1em 0em 0em #97c4fe;
145 box-shadow: inset
0em 0.1em 0em 0em #97c4fe;
146 background: -webkit-gradient
( linear
, left top
, left bottom
, color-stop
(0.05, #3d94f6), color-stop
(1, #1e62d0) );
147 background: -moz-linear-gradient
( center top
, #3d94f6 5%, #1e62d0 100% );
148 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#3d94f6', endColorstr
='#1e62d0');
149 background-color: #3d94f6;
150 border: 0.1em solid
#337fed;
151 text-shadow: 0.1em 0.1em 0em #1570cd;
155 button
.action:hover
{
156 background: -webkit-gradient
( linear
, left top
, left bottom
, color-stop
(0.05, #1e62d0), color-stop
(1, #3d94f6) );
157 background: -moz-linear-gradient
( center top
, #1e62d0 5%, #3d94f6 100% );
158 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#1e62d0', endColorstr
='#3d94f6');
159 background-color: #1e62d0;
167 #configure-controls, #countdown-controls
, #countdown-pause
, #alarm
{
175 background-color: #c05080;
178 body
.alarm #countdown-controls
, body
.alarm #display
{
179 display: none
!important
;
188 /* State: countdown */
190 body
.countdown #countdown-controls
{
196 /* State: configure */
198 body
.configure #configure-controls
{
204 /* State: counting */
206 body
.counting #countdown-pause
{
210 body
.counting #countdown-start
{