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 { |
31 div.ai-control, div.move-control { |
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; |
|
36 } |
|
37 div.move-control { |
|
38 padding: 2px; |
|
39 } |
|
40 div.ai-control { |
35 padding: 2px 2px 2px 1em; |
41 padding: 2px 2px 2px 1em; |
36 background-color: cornsilk; |
|
37 } |
42 } |
38 div.ai-control:before { |
43 div.ai-control:before { |
39 content: "AI: "; |
44 content: "AI: "; |
40 margin-left: -.5em; |
45 margin-left: -.5em; |
41 padding: 0; |
46 padding: 0; |
66 float: left; |
71 float: left; |
67 margin: 1px 4px; |
72 margin: 1px 4px; |
68 } |
73 } |
69 .clearfix { |
74 .clearfix { |
70 clear: both; |
75 clear: both; |
|
76 } |
|
77 #test { |
|
78 display: none; |
71 } |
79 } |
72 </style> |
80 </style> |
73 </head> |
81 </head> |
74 <body> |
82 <body> |
75 |
83 |
113 <div class="ai-control"> |
121 <div class="ai-control"> |
114 <button id="suggest">Suggest</button> |
122 <button id="suggest">Suggest</button> |
115 <button id="step">Step</button> |
123 <button id="step">Step</button> |
116 <button id="finish">Finish</button> |
124 <button id="finish">Finish</button> |
117 </div> |
125 </div> |
118 <div> |
126 <div class="clearfix"></div> |
119 <button id="left">left</button> |
127 <div class="move-control"> |
120 <button id="up">up</button> |
128 <table> |
121 <button id="down">down</button> |
129 <tr> |
122 <button id="right">right</button> |
130 <td></td><td><button id="up">up</button></td><td></td> |
|
131 </tr> |
|
132 <tr> |
|
133 <td><button id="left">left</button></td><td><button id="down">down</button></td><td><button id="right">right</button></td> |
|
134 </tr> |
|
135 </table> |
123 <button id="test">test</button> |
136 <button id="test">test</button> |
124 </div> |
137 </div> |
125 <h1>AIs</h1> |
138 <h1>AIs</h1> |
126 <div> |
139 <div> |
127 <div class="ai" id="ai-random"> |
140 <div class="ai" id="ai-random"> |