OLD | NEW |
1 body { | 1 body { |
2 font-family: 'Slackey', cursive; | 2 font-family: 'Slackey', cursive; |
3 text-align: center; | 3 text-align: center; |
4 background: rgb(180,173,127); | 4 background: rgb(180,173,127); |
5 margin: 0; | 5 margin: 0; |
6 font-size: 16px; | 6 font-size: 16px; |
7 } | 7 } |
8 | 8 |
9 .container { | |
10 display: inline-block; | |
11 } | |
12 | |
13 #popup { | 9 #popup { |
14 font-family: 'Josefin Sans', serif; | 10 font-family: 'Josefin Sans', serif; |
15 position: relative; | 11 position: relative; |
16 display: none; | 12 display: none; |
17 text-align: center; | 13 text-align: center; |
18 width: 400px; | 14 width: 400px; |
19 background: rgb(247,235,203); | 15 background: rgb(247,235,203); |
20 border: 12px solid rgb(221,212,173); | 16 border: 12px solid rgb(221,212,173); |
21 margin: 20px; | 17 margin: 20px; |
22 box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.5); | 18 box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.5); |
(...skipping 15 matching lines...) Expand all Loading... |
38 | 34 |
39 #loading { | 35 #loading { |
40 left: 0; | 36 left: 0; |
41 top: 0; | 37 top: 0; |
42 position: relative; | 38 position: relative; |
43 margin: 150px auto; | 39 margin: 150px auto; |
44 width: 504px; | 40 width: 504px; |
45 height: 88px; | 41 height: 88px; |
46 } | 42 } |
47 | 43 |
48 .sprite { | |
49 position: absolute; | |
50 display: block; | |
51 overflow: hidden; | |
52 background-repeat: no-repeat; | |
53 background-image:url(images/transparent_static.png); | |
54 } | |
55 | |
56 .loading_background { | |
57 width:504px; | |
58 height:88px; | |
59 } | |
60 | |
61 .loading_bar { | |
62 display: none; | |
63 left: 51px; | |
64 top: 8px; | |
65 width:398px; | |
66 height:56px; | |
67 background-position: 0 -184px; | |
68 } | |
69 | |
70 .loading_text { | |
71 left: 141px; | |
72 top: 10px; | |
73 width:218px; | |
74 height:56px; | |
75 background-position: -318px -94px; | |
76 } | |
77 | |
78 .status { | |
79 font-size: 15px; | |
80 margin: 5px; | |
81 font-family: inherit; | |
82 font-weight: inherit; | |
83 } | |
84 | |
85 button.status { | |
86 width: 120px; | |
87 } | |
88 | |
89 span.status { | |
90 width: 80px; | |
91 display: inline-block; | |
92 text-align: left; | |
93 } | |
94 | |
95 .help { | |
96 margin: 0; | |
97 display: inline-block; | |
98 text-align: left; | |
99 width: 540px; | |
100 } | |
101 | |
102 .author { | |
103 margin: 10px; | |
104 } | |
105 | |
106 canvas#gameCanvas { | 44 canvas#gameCanvas { |
107 position: absolute; | 45 position: absolute; |
108 } | 46 } |
OLD | NEW |