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

Remove old XUL cruft. CSS is for the HTML.

Browse Source
This commit is contained in:
Eric Fredricksen
2010-06-22 22:18:08 -07:00
parent 29443eb0af
commit ab844d2a3c
6 changed files with 219 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pq.css
Executable → Regular
+219 -4
View File
@@ -1,7 +1,222 @@
progressbar { /* RESET (via Boilerplate via Eric Meyer) */
-moz-binding: url("progressbar.xbl#progressbar");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: ''; content: none;
}
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/* XULish */
.hbox > * {
vertical-align: middle;
} }
label.head { .vbox > * {
font-weight: bold; display: block;
} }
.groupbox {
display: -moz-groupbox;
margin: 6px;
padding: 1ex;
border: solid 1px #462712;
-moz-border-radius: 3px;
-moz-appearance: none;
background: url(vellum-faded.jpg);
}
.hbox > *, .horizontal > *, td > * {
display: inline-block;
}
.deck1 > * {
display: block;
}
.deck1 > *:first-child {
display: none;
}
.deck0 > * {
display: none;
}
.deck0 > *:first-child {
display: block;
}
.vbox {
vertical-align: top;
}
td, th, .label, tr input, #titlebar {
font-family: Helvetica;
font-size: 8pt;
}
td, th {
padding-left: 1ex;
}
th {
border-bottom: solid 1px grey;
background-color: #eee;
text-align: left;
font-weight: normal;
}
th:first-child {
border-right: solid 1px grey;
}
table {
border: solid 1px black;
width: 250px;
}
.head {
font-weight: bold;
font-size: 9pt;
}
body {
-moz-appearance: none;
color: #462712;
background: url(vellum.jpg);
}
.groupbox {
border-color: #462712;
}
.groupbox, .caption {
background: url(vellum-faded.jpg);
}
#loading {
font: 24pt monotype corsiva;
padding: 5ex;
background: none;
}
.progress-bar {
-moz-appearance: none !important;
background-color: /*#8be*/ #ffda68 !important;
}
.lit > .progress-bar {
-moz-appearance: none !important;
background-color: #FFD490 !important;
}
.slider {
height: 2ex;
border: inset 1px silver;
}
row[onclick] {
border: solid 1px transparent;
}
row[onclick]:hover {
color: #00a;
}
row[qty]:hover {
border: outset 1px #462712;
}
row[qty]:active {
border: solid 1px #866752;
}
div.progress-container {
border: 1px solid #ccc;
width: 250px;
margin: 2px 5px 2px 0;
padding: 1px;
background: white;
}
div.progress-container > div.bar {
background-color: #ACE97C;
height: 12px;
width: 50%;
}
/*
z-index: 10;
position: relative;
div.progress-container > div.label {
z-index: 20;
position: absolute;
text-align: center;
width: 250px;
}
*/
#titlebar {
background-color: blue;
color: white;
font-weight: bold;
font-size: 9pt;
padding-bottom: 4px;
margin-bottom: 1ex;
}
.window {
margin: 1em;
}
div {
background-color: #eee;
}
table {
background-color: white;
}
.window {
background-color: #eee;
width:800px;
border: outset 2px silver;
padding: 2px;
}
#taskbar {
width: 99%;
}
pq.js
Executable → Regular
View File
pq.xbl
-15
View File
@@ -1,15 +0,0 @@
<?xml version="1.0"?>
<bindings id="pq"
xmlns="http://www.mozilla.org/xbl"
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
<binding id="progressbar">
<content>
<xul:progressmeter mode="normal" value="50">
<children/>
</xul:progressmeter>
</content>
</binding>
</bindings>
pq.xul
-171
View File
@@ -1,171 +0,0 @@
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="pq.css" type="text/css"?>
<window
title="Progrezz Qwezt"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
flex="1"
>
<vbox flex="1">
<statusbar id="titlebar" class="chromeclass-status">
<statusbarpanel label="Progress Quest/moz v8.0" flex="1"/>
<statusbarpanel id="version" label="PQ/moz 8.0"/>
</statusbar>
<script src="pq.js"/>
<hbox flex="1">
<vbox flex="5">
<label class="head" value="Character Sheet"/>
<listbox rows="4" class="list" id="traits">
<listcols>
<listcol flex="1"/>
<splitter class="tree-splitter"/>
<listcol flex="3"/>
</listcols>
<listhead>
<listheader label="Trait"/>
<listheader label="Value"/>
</listhead>
<listitem>
<listcell label="Name" />
<listcell label="Crobab" />
</listitem>
<listitem>
<listcell label="Race" />
<listcell label="Half Man" />
</listitem>
<listitem>
<listcell label="Class"/>
<listcell label="Slow Poisoner"/>
</listitem>
<listitem>
<listcell label="Level"/>
<listcell label="1"/>
</listitem>
</listbox>
<label value="Experience" />
<progressmeter id="xpbar" type="normal" value="50" />
<label class="head" value="Spell Book" />
<listbox id="spells" flex="1">
<listcols>
<listcol flex="3"/>
<splitter class="tree-splitter"/>
<listcol flex="1"/>
</listcols>
<listhead>
<listheader label="Spell"/>
<listheader label="Level"/>
</listhead>
</listbox>
</vbox>
<vbox flex="4">
<label class="head" value="Statistics"/>
<listbox id="stats" rows="8">
<listcols>
<listcol flex="3"/>
<splitter class="tree-splitter"/>
<listcol flex="1"/>
</listcols>
<listhead>
<listheader label="Stat"/>
<listheader label="Value"/>
</listhead>
<listitem><listcell label="STR"/></listitem>
<listitem><listcell label="CON"/></listitem>
<listitem><listcell label="DEX"/></listitem>
<listitem><listcell label="INT"/></listitem>
<listitem><listcell label="WIS"/></listitem>
<listitem><listcell label="CHA"/></listitem>
<listitem><listcell label="HP Max"/></listitem>
<listitem><listcell label="MP Max"/></listitem>
</listbox>
<label class="head" value="Skills"/>
<listbox id="skills" flex="1">
<listcols>
<listcol flex="3"/>
<splitter class="tree-splitter"/>
<listcol flex="1"/>
</listcols>
<listhead>
<listheader label="Skill"/>
<listheader label="Degree"/>
</listhead>
</listbox>
</vbox>
<vbox flex="1">
<label class="head" value="Equipment"/>
<listbox id="equips" rows="11">
<listcols>
<listcol width="70"/>
<splitter class="tree-splitter"/>
<listcol flex="1"/>
</listcols>
<listitem><listcell label="Weapon"/><listcell label="Sharpened Stick"/></listitem>
<listitem><listcell label="Shield"/></listitem>
<listitem><listcell label="Helm"/></listitem>
<listitem><listcell label="Hauberk"/></listitem>
<listitem><listcell label="Brassairts"/></listitem>
<listitem><listcell label="Vambraces"/></listitem>
<listitem><listcell label="Gauntlets"/></listitem>
<listitem><listcell label="Gambeson"/></listitem>
<listitem><listcell label="Cuisses"/></listitem>
<listitem><listcell label="Greaves"/></listitem>
<listitem><listcell label="Sollerets"/></listitem>
</listbox>
<label class="head" value="Inventory"/>
<listbox id="inventory" flex="1">
<listcols>
<listcol flex="3"/>
<splitter class="tree-splitter"/>
<listcol flex="1"/>
</listcols>
<listhead>
<listheader label="Item"/>
<listheader label="Qty"/>
</listhead>
</listbox>
<label value="Encumbrance"/>
<progressmeter type="normal" value="50" id="encumbar" />
</vbox>
<vbox flex="4">
<label class="head" value="Plot Development"/>
<listbox id="plots" flex="1">
<listcols>
<listcol flex="1"/>
</listcols>
</listbox>
<progressmeter id="plotbar" type="normal" value="50"/>
<label class="head" value="Quests"/>
<listbox id="quests" flex="1">
<listcols>
<listcol flex="1"/>
</listcols>
<listitem>
<checkbox label="Kill all the Bads" checked="true"/>
</listitem>
</listbox>
<progressmeter type="normal" value="50" id="questbar"/>
</vbox>
</hbox>
<statusbar id="status-bar" class="chromeclass-status">
<statusbarpanel id="icon"><image src="swords.gif"/></statusbarpanel>
<statusbarpanel id="tasktext" label="Executing a Greater Wolog" flex="1"/>
<statusbarpanel class="statusbarpanel-progress">
<progressmeter class="progressmeter-statusbar" id="statusbar-icon" mode="normal" value="50" width="300"/>
</statusbarpanel>
<statusbarpanel id="ad" label="PQ/moz 8.0"/>
</statusbar>
<progressmeter id="taskbar" mode="normal" value="50" />
</vbox>
</window>
swords.bmp
Executable → Regular
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 774 B

After

Width:  |  Height:  |  Size: 774 B

swords.gif
Executable → Regular
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 254 B

After

Width:  |  Height:  |  Size: 254 B