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

Some char creation page layout iprovements

Browse Source
This commit is contained in:
Eric Fredricksen
2010-06-24 12:15:36 -07:00
parent d21dbe116d
commit 77b61b114f
2 changed files with 47 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
newguy.html
+21 -14
View File
@@ -13,27 +13,30 @@ input, button { display: inline; }
<body>
<div class="vbox window">
<div class=hbox>
<span>
<div id="titlebar">
<img src="swords.gif">
<span>Progress Quest/web v8.0</span>
</div>
<div class="hbox">
Name
<input id=Name>
<button id=RandomName>?</button>
</span>
</div>
<div class=hbox>
<div class=vbox id="races">
Race<br>
</div>
<fieldset class="vbox groupbox" id="races">
<legend>Race</legend>
</fieldset>
<div class=vbox id="classes">
Class<br>
</div>
<fieldset class="vbox groupbox" id="classes">
<legend>Class</legend>
</fieldset>
<div class=vbox>
Stats<br>
<fieldset class="vbox groupbox">
<legend>Stats</legend>
<table>
<tr> <th> STR <td> 13 </tr>
<tr> <th> DEX <td> 34 </tr>
@@ -41,16 +44,20 @@ input, button { display: inline; }
<tr> <th> INT <td> 12 </tr>
<tr> <th> WIS <td> 4 </tr>
<tr> <th> CHA <td> 12 </tr>
<tr> <th colspan=2> &nbsp; </tr>
<tr> <th> Total <td> 48 </tr>
</table>
<br>
<br>
<br>
<br>
<button id=Roll>Roll</button>
<button id=Unroll>Unroll</button>
</div>
</fieldset>
</div>
<div class=hbox style="text-align:right">
pq.css
+26 -3
View File
@@ -71,15 +71,38 @@ table {
background-color: white;
}
fieldset {
border: solid 1px #aaa;
width: 180px;
}
fieldset table {
width: 100px;
border: none 0px black;
border-right: none !IMPORTANT;
border-spacing: 10px;
border-collapse: separate;
background-color: transparent;
}
fieldset table th {
border: none;
margin-bottom: 1ex;
border-right: none !IMPORTANT;
width: 5ex;
}
fieldset table td {
border: solid 1px #aaa;
text-align: center;
width: 4ex;
}
.head {
font-weight: bold;
font-size: 9pt;
}
div.progress-container {
border: 1px solid #ccc;
width: 250px;