craftingguide/website
1
0
Fork 0
Code Pull Requests Actions Activity

Finished basic styling

Browse Source
This commit is contained in:
Andrew Miner
2013-08-18 09:49:15 -07:00
parent cbcd6f0e5b
commit c7d2fc85fd
3 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/css/main.css
+3
View File
@@ -10,6 +10,9 @@ h1 img { height: 64px; width: 64px; vertical-align: bottom; }
p { margin-left: 10px; margin-right: 10px; } p { margin-left: 10px; margin-right: 10px; }
#body { background: rgba(230, 230, 230, 0.90); box-shadow: 10px 10px 20px #666; margin-top: 50px; } #body { background: rgba(230, 230, 230, 0.90); box-shadow: 10px 10px 20px #666; margin-top: 50px; }
#crafting_output { margin-left: 10px; width: 920px; }
#crafting_output th { background: #f8f8f8; border-left: 1px solid #bbb; font-weight: bold; padding: 10px; }
#crafting_output td { background: #f8f8f8; border-left: 1px solid #bbb; padding: 10px; }
#header { background: url("../images/stone_brick_light.png"); height: 64px; } #header { background: url("../images/stone_brick_light.png"); height: 64px; }
#header img { height: 96px; width: 96px; margin-left: -32px; margin-top: -32px; } #header img { height: 96px; width: 96px; margin-left: -32px; margin-top: -32px; }
#header_border { background: url("../images/stone_brick.png"); height: 32px; margin-bottom: 32px; } #header_border { background: url("../images/stone_brick.png"); height: 32px; margin-bottom: 32px; }
html/images/workbench_top.png
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1012 B

html/index.html
+7 -9
View File
@@ -22,7 +22,7 @@
<tr> <tr>
<td>&nbsp;</td> <td>&nbsp;</td>
<td> <td>
<input id="recipebook_url" placeholder="load another recipebook..."></input> <input id="recipebook_url" placeholder="enter a URL to load another recipe book..."></input>
<button id="recipebook_load_button">Load</button> <button id="recipebook_load_button">Load</button>
</td> </td>
</tr> </tr>
@@ -31,14 +31,12 @@
</div> <!-- #recipe_books --> </div> <!-- #recipe_books -->
<div id="crafting" class="hidden"> <div id="crafting" class="hidden">
<h1>Crafting</h1> <h1><img src="images/workbench_top.png"> Crafting</h1>
<select id="crafting_selector" disabled></select> <p>Choose a recipe: <select id="crafting_selector" disabled></select></p>
<div id="crafting_output" class="hidden"> <table id="crafting_output" class="hidden" cellpadding="0" cellspacing="0">
<p>You'll need:</p> <tr><th width="50%">You'll need:</th><th>You'll get:</th></tr>
<ul id="missing_materials"></ul> <tr><td id="missing_materials">&nbsp;</td><td id="leftover_materials"></td></tr>
<p>You'll get:</p> </table>
<ul id="leftover_materials"></ul>
</div>
<div id="crafting_error" class="error"></div> <div id="crafting_error" class="error"></div>
</div> <!-- #crafting --> </div> <!-- #crafting -->
</div> <!-- .container_12 --> </div> <!-- .container_12 -->