Remove old XUL cruft. CSS is for the HTML.

2026-09-29 08:44:00 -06:00 · 2010-06-22 22:18:08 -07:00
parent 29443eb0af
commit ab844d2a3c
6 changed files with 219 additions and 190 deletions
@@ -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%;
+ }