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
+15 -6
View File
@@ -23,6 +23,7 @@ input, button { display: inline; }
<span>Progress Quest - New Character</span> <span>Progress Quest - New Character</span>
</div> </div>
<div class="client">
<div class="hbox"> <div class="hbox">
Name Name
<input id="Name"> <input id="Name">
@@ -35,11 +36,13 @@ input, button { display: inline; }
<legend>Race</legend> <legend>Race</legend>
</fieldset> </fieldset>
<div class=vbox>
<div class=hbox>
<fieldset class="vbox groupbox" id="classes"> <fieldset class="vbox groupbox" id="classes">
<legend>Class</legend> <legend>Class</legend>
</fieldset> </fieldset>
<fieldset class="vbox groupbox"> <fieldset class="vbox groupbox" id="stats">
<legend>Stats</legend> <legend>Stats</legend>
<table> <table>
@@ -57,19 +60,25 @@ input, button { display: inline; }
<br> <br>
<br> <br>
<br> <br>
<br>
<br>
<button id="Reroll">Roll</button> <center>
<button id="Reroll">Roll</button> <br>
<button id="Unroll" disabled>Unroll</button> <button id="Unroll" disabled>Unroll</button>
</center>
<br>
</fieldset> </fieldset>
</div> </div>
<div class=hbox style="text-align:right"> <div class=hbox style="text-align:right;padding-top:15px">
<button id=Sold type="submit">Sold!</button> <button id=Sold>Sold!</button>
<button id=Cancel>Cancel</button> <button id=Cancel>Cancel</button>
</div> </div>
</div>
</div>
</div>
</div> </div>
</body> </body>
pq.css
+30 -4
View File
@@ -172,10 +172,6 @@ div.progress-container:hover div.hint {
width: 820px; width: 820px;
} }
#newguy.window {
width: 580px;
}
body { body {
background: url(back.jpg) no-repeat; background: url(back.jpg) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
@@ -202,3 +198,33 @@ div.scroll > table {
background-color: yellow; 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;
}