Revert "Use display:block/none instead of visibility:visible/hidden"
[kanin:kanin.git] / kanin.css
1 body {
2   background: #101040;
3   color: white;
4   font-family: verdana;
5   font-size: 12px;
6   margin: 0;
7   padding: 0;
8 }
9
10 .box {
11   visibility: hidden;
12   position: absolute;
13   border: 1px solid white;
14   background: #102040;
15   margin: 0;
16   padding: 0;
17   width: 500px;
18   height: 500px;
19 }
20
21 h1 {
22   margin: 10px;
23   font-size: 12px;
24   font-weight: bold;
25   text-align: center;
26 }
27
28 p {
29   margin: 10px;
30 }
31
32 .center {
33   text-align: center;
34 }
35
36 /* introduction */
37
38 #introduction {
39   visibility: visible;
40   font-size: 10px;
41   text-align: left;
42 }
43
44 #startkanin {
45   display: block;
46   visibility: hidden;
47   margin: 20px auto;
48   cursor: crosshair;
49 }
50
51 /* the game */
52
53 #game {
54   height: 532px;
55   cursor: crosshair;
56 }
57
58 #kaninbg {
59   display: block;
60   margin: 0;
61 }
62
63 .bunny, .ammo, .blood {
64   position: absolute;
65   visibility: hidden;
66 }
67
68 .bunny {
69   z-index: 2;
70 }
71
72 .blood {
73   z-index: 3;
74 }
75
76 .ammo {
77   z-index: 4;
78 }
79
80 #reload {
81   display: block;
82   border-width: 1px 0;
83   border-style: solid;
84   border-color: white;
85   width: 100%;
86   height: 17px;
87   background: #102040;
88   color: white;
89   font-size: 10px;
90 }
91
92 #reload:hover {
93   background: #204080;
94 }
95
96 #countdown {
97   width: 100%;
98   height: 15px;
99   background: #102040;
100 }
101
102 #progress {
103   background: #204080;
104   width: 0%;
105   height: 15px;
106 }
107
108 /* results */
109
110 #results {
111   background: #102040 url(slutkanin.gif) no-repeat 50% 75%;
112 }
113
114 #submit {
115   border: 1px outset white;
116   color: white;
117   background: #204060;
118 }
119
120 #submit:hover {
121   background: #204080;
122 }