equal
deleted
inserted
replaced
26 height: 40px; |
26 height: 40px; |
27 border: 1px solid red; |
27 border: 1px solid red; |
28 margin: 0; |
28 margin: 0; |
29 text-align: center; |
29 text-align: center; |
30 } |
30 } |
31 div.ai-control, div.move-control { |
31 div.ai-control, div.move-control, div.score-conrol { |
32 border: 1px red solid; |
32 border: 1px red solid; |
33 display: inline-block; |
33 display: inline-block; |
34 margin: 10px 0 2px 0; |
34 margin: 10px 0 2px 0; |
35 background-color: cornsilk; |
35 background-color: cornsilk; |
36 } |
36 } |
37 div.move-control { |
37 div.move-control, div.score-conrol { |
38 padding: 2px; |
38 padding: 3px; |
39 } |
39 } |
40 div.ai-control { |
40 div.ai-control { |
41 padding: 2px 2px 2px 1em; |
41 padding: 2px 2px 2px 1em; |
42 } |
42 } |
43 div.ai-control:before { |
43 div.ai-control:before { |
81 </head> |
81 </head> |
82 <body> |
82 <body> |
83 |
83 |
84 <h1>2048</h1> |
84 <h1>2048</h1> |
85 |
85 |
86 <div id="score-area" class="area">Score: <span id="score">0</span>, Max: <span id="max">0</span>, Turn: <span id="turn">0</span>, Speed: <span id="speed">0</span> t/s</div> |
86 <div id="score-area" class="area"> |
|
87 <div class="score-conrol"> |
|
88 Score: <span id="score">0</span>, Max: <span id="max">0</span>, Turn: <span id="turn">0</span>, Speed: <span id="speed">0</span> t/s |
|
89 </div> |
|
90 </div> |
87 |
91 |
88 <div id="message-area" class="area"></div> |
92 <div id="message-area" class="area"></div> |
89 |
93 |
90 <table id="board"> |
94 <table id="board"> |
91 <tr> |
95 <tr> |