mirror of
https://bitbucket.org/grumdrig/pq-web.git
synced 2026-09-29 00:34:00 -06:00
Remove old XUL cruft. CSS is for the HTML.
This commit is contained in:
Eric Fredricksen
@@ -1,7 +1,222 @@
|
||||
progressbar {
|
||||
-moz-binding: url("progressbar.xbl#progressbar");
|
||||
/* RESET (via Boilerplate via Eric Meyer) */
|
||||
|
||||
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 > * {
|
||||
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%;
|
||||
}
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
Executable → Regular
|
Before Width: | Height: | Size: 774 B After Width: | Height: | Size: 774 B |
Executable → Regular
|
Before Width: | Height: | Size: 254 B After Width: | Height: | Size: 254 B |
Reference in New Issue
Block a user