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

Style improvements to roster screen

Browse Source
This commit is contained in:
Eric Fredricksen
2010-07-04 10:37:40 -07:00
parent d71fb597da
commit 06a4d94461
5 changed files with 41 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dice.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 74 KiB

die.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

pq.gif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

roster.html
+39 -12
View File
@@ -5,36 +5,63 @@
<script src="config.js"></script> <script src="config.js"></script>
<script src="roster.js"></script> <script src="roster.js"></script>
<style> <style>
td.brag { .brag td {
font: 9pt Verdana; font: 9pt Helvetica, sans-serif;
background-color: #ddddff; background-color: #ddddff;
padding: 5px; padding: 5px;
}
.brag {
display: inline; display: inline;
} }
div.rc { div.rc {
font: 8pt Verdana font-size: 8pt;
} }
div.bs { div.bs {
font: 7pt Verdana font-size: 7pt;
} }
td.brag button { button.x {
color: red; color: red;
} }
body {
text-align: center;
}
#roster {
margin-left: 10%;
margin-right: 10%;
text-align: left;
}
#roll {
}
#newc {
text-align: center;
}
a, a:visited {
color: blue;
}
</style> </style>
</head> </head>
<body> <body>
<img src="logo.png" alt="Progress Quest"> <img src="pq.gif" alt="Progress Quest">
<dl id=roster> <h1>Character Roster</h1>
Here it goes
</dl>
<p id=roster>
</p>
<table class="brag"><tr>
<td id="newc">
<b>New Character</b> <br>
<img src=die.jpg><br>
<button id=roll>Roll One Up</button> <button id=roll>Roll One Up</button>
</td></tr></table>
<p>
<button id=test>Test</button> <button id=test>Test</button>
<button id=clear>Clear</button> <button id=clear>Clear</button>
</body> </body>
@@ -42,10 +69,10 @@ Here it goes
<script id="bumble" type="text/html"> <script id="bumble" type="text/html">
<table><tr><td class="brag"> <table class="brag"><tr><td>
<div> <div>
<a><b>$Traits.Name</b></a> of Localhost ($Plots.last) <a><b>$Traits.Name</b></a> of Localrealm ($Plots.last)
<button>X</button> <button class="x">X</button>
</div> </div>
<div class="rc">Level $Traits.Level $Traits.Race $Traits.Class</div> <div class="rc">Level $Traits.Level $Traits.Race $Traits.Class</div>
<div class="bs">$Equips.best / $Spells.best / $Stats.best</div> <div class="bs">$Equips.best / $Spells.best / $Stats.best</div>
roster.js
+2
View File
@@ -24,9 +24,11 @@ $(document).ready(function () {
load(); load();
}); });
/*
var p = $("<p style='font:6pt verdana'/>"); var p = $("<p style='font:6pt verdana'/>");
p.appendTo(roster); p.appendTo(roster);
p.text(JSON.stringify(c)); p.text(JSON.stringify(c));
*/
}); });
} }