mirrors/ProgressQuest-web
1
0
Fork 0
mirror of https://bitbucket.org/grumdrig/pq-web.git synced 2026-09-29 08:44:00 -06:00
Code Issues Packages Projects Releases Wiki Activity

Improved layout of newguy

Browse Source
This commit is contained in:
Eric Fredricksen
2010-07-06 14:05:41 -07:00
parent 37662a9c2c
commit 7712238687
2 changed files with 75 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
newguy.html
+39 -30
View File
@@ -23,10 +23,11 @@ input, button { display: inline; }
<span>Progress Quest - New Character</span>
</div>
<div class="client">
<div class="hbox">
Name
<input id="Name">
<button id="RandomName">?</button>
Name
<input id="Name">
<button id="RandomName">?</button>
</div>
<div class=hbox>
@@ -35,41 +36,49 @@ input, button { display: inline; }
<legend>Race</legend>
</fieldset>
<fieldset class="vbox groupbox" id="classes">
<legend>Class</legend>
</fieldset>
<div class=vbox>
<div class=hbox>
<fieldset class="vbox groupbox" id="classes">
<legend>Class</legend>
</fieldset>
<fieldset class="vbox groupbox">
<legend>Stats</legend>
<fieldset class="vbox groupbox" id="stats">
<legend>Stats</legend>
<table>
<tr> <th> STR <td id="STR">13</tr>
<tr> <th> CON <td id="CON">23</tr>
<tr> <th> DEX <td id="DEX">34</tr>
<tr> <th> INT <td id="INT">12</tr>
<tr> <th> WIS <td id="WIS">4</tr>
<tr> <th> CHA <td id="CHA">12</tr>
<tr> <th colspan=2> &nbsp; </tr>
<tr> <th> Total <td id="Total">48</tr>
</table>
<table>
<tr> <th> STR <td id="STR">13</tr>
<tr> <th> CON <td id="CON">23</tr>
<tr> <th> DEX <td id="DEX">34</tr>
<tr> <th> INT <td id="INT">12</tr>
<tr> <th> WIS <td id="WIS">4</tr>
<tr> <th> CHA <td id="CHA">12</tr>
<tr> <th colspan=2> &nbsp; </tr>
<tr> <th> Total <td id="Total">48</tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<button id="Reroll">Roll</button>
<button id="Unroll" disabled>Unroll</button>
<center>
<button id="Reroll">Roll</button> <br>
<button id="Unroll" disabled>Unroll</button>
</center>
<br>
</fieldset>
</fieldset>
</div>
<div class=hbox style="text-align:right;padding-top:15px">
<button id=Sold>Sold!</button>
<button id=Cancel>Cancel</button>
</div>
</div>
</div>
<div class=hbox style="text-align:right">
<button id=Sold type="submit">Sold!</button>
<button id=Cancel>Cancel</button>
</div>
</div>
</body>
pq.css
+30 -4
View File
@@ -172,10 +172,6 @@ div.progress-container:hover div.hint {
width: 820px;
}
#newguy.window {
width: 580px;
}
body {
background: url(back.jpg) no-repeat;
background-size: 100% 100%;
@@ -202,3 +198,33 @@ div.scroll > table {
background-color: yellow;
}
/* New guy form TODO: move this */
#newguy.window {
width: 508px;
}
#newguy > .client {
padding: 4px;
}
#newguy > #titlebar {
margin-bottom: 0;
}
#races, #classes {
width: 185px;
}
#classes, #stats {
height: 365px;
}
#stats {
width: 109px;
}
.window#newguy .vbox button {
width: 75px;
margin: 4px;
}