equal
deleted
inserted
replaced
1 /* |
1 /* |
2 * Add your Stylesheet contents here |
2 * Add your Stylesheet contents here |
3 */ |
3 */ |
4 #remaining-time { |
4 #remaining-time { |
5 background-color: olive; |
|
6 width: 170px; |
5 width: 170px; |
7 height: 40px; |
6 height: 40px; |
8 position: absolute; |
7 position: absolute; |
9 left: 95px; |
8 left: 95px; |
10 font-size: xx-large; |
9 font-size: xx-large; |
15 width: 32px; |
14 width: 32px; |
16 position: relative; |
15 position: relative; |
17 right: -138px; |
16 right: -138px; |
18 top: -32px; |
17 top: -32px; |
19 background-image: url('images/button.png'); |
18 background-image: url('images/button.png'); |
|
19 background-position: 0px 32px |
20 } |
20 } |
21 |
21 |
22 .digits { |
22 .digits { |
23 width: 3ex; |
23 width: 3ex; |
24 text-align: center; |
24 text-align: center; |
29 text-align: center; |
29 text-align: center; |
30 width: 138px; |
30 width: 138px; |
31 } |
31 } |
32 |
32 |
33 #sand { |
33 #sand { |
34 background-color: yellow; |
34 background-color: rgb(255, 208, 52); |
35 position: absolute; |
35 position: absolute; |
36 top: 0; |
36 top: 0; |
37 bottom: 50%; |
37 bottom: 50%; |
38 width: 100%; |
38 width: 100%; |
39 z-index: -1; |
39 z-index: -1; |
40 } |
40 } |
41 |
41 |
42 #sand-bottom { |
42 #sand-bottom { |
43 background-color: yellow; |
43 background-color: rgb(255, 208, 52); |
44 position: absolute; |
44 position: absolute; |
45 top: 100%; |
45 top: 100%; |
46 bottom: 0; |
46 bottom: 0; |
47 width: 100%; |
47 width: 100%; |
48 z-index: -2; |
48 z-index: -2; |