From a8dfd76fcd1e6fb6fb5b31418931a033c6ec4e1c Mon Sep 17 00:00:00 2001
From: robert <robert>
Date: Thu, 22 Jan 2004 22:40:33 +0000
Subject: [PATCH] make LCARStrek work with Mozilla 1.6 chatzilla; provide
 really good dark and default motif

---
 LCARStrek/chatzilla/chatzilla.css             |  72 ++++++--
 LCARStrek/chatzilla/images/halfop-graphic.gif | Bin 0 -> 78 bytes
 LCARStrek/chatzilla/images/halfop-symbol.gif  | Bin 0 -> 64 bytes
 LCARStrek/chatzilla/images/input-send.gif     | Bin 0 -> 72 bytes
 LCARStrek/chatzilla/images/is-op.gif          | Bin 78 -> 0 bytes
 LCARStrek/chatzilla/images/is-voice.gif       | Bin 78 -> 0 bytes
 LCARStrek/chatzilla/images/isnt-op.gif        | Bin 67 -> 0 bytes
 LCARStrek/chatzilla/images/isnt-voice.gif     | Bin 67 -> 0 bytes
 .../chatzilla/images/multiline-contract.gif   | Bin 0 -> 68 bytes
 .../chatzilla/images/multiline-expand.gif     | Bin 0 -> 68 bytes
 LCARStrek/chatzilla/images/no-graphic.gif     | Bin 0 -> 67 bytes
 LCARStrek/chatzilla/images/no-symbol.gif      | Bin 0 -> 76 bytes
 LCARStrek/chatzilla/images/op-graphic.gif     | Bin 0 -> 78 bytes
 LCARStrek/chatzilla/images/op-symbol.gif      | Bin 0 -> 67 bytes
 LCARStrek/chatzilla/images/voice-graphic.gif  | Bin 0 -> 78 bytes
 LCARStrek/chatzilla/images/voice-symbol.gif   | Bin 0 -> 58 bytes
 LCARStrek/chatzilla/output-dark.css           | 145 ++++++++-------
 LCARStrek/chatzilla/output-default.css        | 172 +++++++++++++++---
 LCARStrek/chatzilla/output-light.css          |  37 ++++
 19 files changed, 322 insertions(+), 104 deletions(-)
 create mode 100644 LCARStrek/chatzilla/images/halfop-graphic.gif
 create mode 100644 LCARStrek/chatzilla/images/halfop-symbol.gif
 create mode 100644 LCARStrek/chatzilla/images/input-send.gif
 delete mode 100644 LCARStrek/chatzilla/images/is-op.gif
 delete mode 100644 LCARStrek/chatzilla/images/is-voice.gif
 delete mode 100644 LCARStrek/chatzilla/images/isnt-op.gif
 delete mode 100644 LCARStrek/chatzilla/images/isnt-voice.gif
 create mode 100644 LCARStrek/chatzilla/images/multiline-contract.gif
 create mode 100644 LCARStrek/chatzilla/images/multiline-expand.gif
 create mode 100644 LCARStrek/chatzilla/images/no-graphic.gif
 create mode 100644 LCARStrek/chatzilla/images/no-symbol.gif
 create mode 100644 LCARStrek/chatzilla/images/op-graphic.gif
 create mode 100644 LCARStrek/chatzilla/images/op-symbol.gif
 create mode 100644 LCARStrek/chatzilla/images/voice-graphic.gif
 create mode 100644 LCARStrek/chatzilla/images/voice-symbol.gif

diff --git a/LCARStrek/chatzilla/chatzilla.css b/LCARStrek/chatzilla/chatzilla.css
index 0ea174cd..15bf9381 100644
--- a/LCARStrek/chatzilla/chatzilla.css
+++ b/LCARStrek/chatzilla/chatzilla.css
@@ -68,7 +68,7 @@ window {
 }
 
 .view-button {
-  color: #FF9F00;
+  /* do NOT set color, at least not without background. :) */
 }
 
 .view-button[state="current"] {
@@ -104,6 +104,10 @@ window {
   padding-right: 10px;
 }
 
+#user-list {
+  margin: 0px;
+}
+
 #server-nick {
   padding-top: 5px;
 }
@@ -132,20 +136,66 @@ window {
   border: 1px solid #9C9CFF;
 }
 
-/* op image column */
-treechildren::-moz-tree-image(usercol-op, state-true) {
-  list-style-image: url(chrome://chatzilla/skin/images/is-op.gif)
+treecol {
+  border: none;
+}
+
+treechildren::-moz-tree-cell-text {
+  padding-top: 1px;
+}
+
+/* The userlist can be in one of two state.  In "symbol", the user's
+ * channel mode is shown as a @ or + image, while in "graphic" mode, the
+ * image is one of the LED images.
+ */
+
+/* no mode */
+treechildren::-moz-tree-image {
+  list-style-image: url(chrome://chatzilla/skin/images/no-symbol.gif);
+  margin-right: 3px;
+}
+
+#user-list[mode="graphic"] treechildren::-moz-tree-image {
+  list-style-image: url(chrome://chatzilla/skin/images/no-graphic.gif);
+}
+
+/* voice */
+treechildren::-moz-tree-image(voice-true) {
+  list-style-image: url(chrome://chatzilla/skin/images/voice-symbol.gif);
+}
+
+#user-list[mode="graphic"] treechildren::-moz-tree-image(voice-true) {
+  list-style-image: url(chrome://chatzilla/skin/images/voice-graphic.gif);
+}
+
+/* half-chanop */
+treechildren::-moz-tree-image(halfop-true) {
+  list-style-image: url(chrome://chatzilla/skin/images/halfop-symbol.gif);
+}
+
+#user-list[mode="graphic"] treechildren::-moz-tree-image(halfop-true) {
+  list-style-image: url(chrome://chatzilla/skin/images/halfop-graphic.gif);
+}
+
+/* chanop */
+treechildren::-moz-tree-image(op-true) {
+  list-style-image: url(chrome://chatzilla/skin/images/op-symbol.gif);
 }
 
-treechildren::-moz-tree-image(usercol-op, state-false) {
-  list-style-image: url(chrome://chatzilla/skin/images/isnt-op.gif)
+#user-list[mode="graphic"] treechildren::-moz-tree-image(op-true) {
+  list-style-image: url(chrome://chatzilla/skin/images/op-graphic.gif);
 }
 
-/* voice image column */
-treechildren::-moz-tree-image(usercol-voice, state-true) {
-  list-style-image: url(chrome://chatzilla/skin/images/is-voice.gif)
+.colorGrid {
+  width: 24px;
+  height: 16px;
+  border: 1px solid 9C9CFF;
+  -moz-box-align: center;
+  -moz-box-pack: center;
 }
 
-treechildren::-moz-tree-image(usercol-voice, state-false) {
-  list-style-image: url(chrome://chatzilla/skin/images/isnt-voice.gif)
+#colorTooltip {
+  padding: 0px;
+  -moz-box-align: center;
+  -moz-box-pack: center;
 }
diff --git a/LCARStrek/chatzilla/images/halfop-graphic.gif b/LCARStrek/chatzilla/images/halfop-graphic.gif
new file mode 100644
index 0000000000000000000000000000000000000000..8ac3b82e53fe4f2c567579b6efc53ffc7d6ffd98
GIT binary patch
literal 78
zcmZ?wbhEHb<YC}pSjfaMXU>0P<1_!kK=CIFBLf2ygAM}_faDpN<fpK5mP^V9HJeBU
bJUkTnS*~_2bCl9ng@mpSq09T+7#XYq=U5pd

literal 0
HcmV?d00001

diff --git a/LCARStrek/chatzilla/images/halfop-symbol.gif b/LCARStrek/chatzilla/images/halfop-symbol.gif
new file mode 100644
index 0000000000000000000000000000000000000000..3a90661852d2b7ce8f8513562f4443e6ec8d1a96
GIT binary patch
literal 64
zcmZ?wbhEHb<YC}pXkcXcKcC_M|Nn|VSs1w(7#VaJfB+=Jz$D(&zml_{Z$Zj2N3-jf
Rx89RTiN4V&H(i9m8URMF6X5^=

literal 0
HcmV?d00001

diff --git a/LCARStrek/chatzilla/images/input-send.gif b/LCARStrek/chatzilla/images/input-send.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c17aab66873b7a3a2aa3a6a374819659f1f2fbdf
GIT binary patch
literal 72
zcmZ?wbhEHb6krfwXkcXcf1ct0|Nn|VSs1w(7#VaJfB+=Jz$D+(zw-23t^?MECqq8E
a&MZ6c`sl{QXXTS_eXDuPa@>uP!5RQRXByN1

literal 0
HcmV?d00001

diff --git a/LCARStrek/chatzilla/images/is-op.gif b/LCARStrek/chatzilla/images/is-op.gif
deleted file mode 100644
index fb2c946c746fb2ffbb6903f098dcf9f9b00a8335..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 78
zcmZ?wbhEHb<YC}pSjfQeeC>1N|Hl8pK=CIFBLf2ygAM}_faDpN<fpK5mP^V9HJeBU
bJUkTnS*~_2bCl9ng@mpSq09T+7#XYq1q2zG

diff --git a/LCARStrek/chatzilla/images/is-voice.gif b/LCARStrek/chatzilla/images/is-voice.gif
deleted file mode 100644
index aa1617980136451b8747cb382114a581f6f6fe95..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 78
zcmZ?wbhEHb<YC}pSjfOIXU_ls=NbNkf#OdVMg|5Z1|0?<0Le2j$xmVBESHoIYBrGy
ccz7uCvs~?5<|w7D3JF~uLYMcsF)~;K01c%Xy#N3J

diff --git a/LCARStrek/chatzilla/images/isnt-op.gif b/LCARStrek/chatzilla/images/isnt-op.gif
deleted file mode 100644
index da1feff49acae26ab352dcb57ad0e463ee4ffdae..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 67
zcmZ?wbhEHb<YC}pXkcJ?zV`Y5|Nj+#vM@3*Ff!;c00Bsbfk~=|nX~+4o>+EaP^R)Z
TgT=YJ3au3p-&?tY85pbqeb*Bc

diff --git a/LCARStrek/chatzilla/images/isnt-voice.gif b/LCARStrek/chatzilla/images/isnt-voice.gif
deleted file mode 100644
index ca2f3e094d9132e8e16fab75f2d7a6a215cc3432..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 67
zcmZ?wbhEHb<YC}pXkcKNGv_}LDE?$&WME)q&|v@qkPHKpR1Y&}`N=%7?82Z-<#Ps$
Sb9EJ3D<ZzPas@LmSOWlWU=q&&

diff --git a/LCARStrek/chatzilla/images/multiline-contract.gif b/LCARStrek/chatzilla/images/multiline-contract.gif
new file mode 100644
index 0000000000000000000000000000000000000000..15ba89e6d414cd773dc1eae1d1521d96cced9170
GIT binary patch
literal 68
zcmZ?wbhEHb6krfwXkcXcf1ct0|Nn|VSs1w(7#VaJfB+=Jz$D$%zw-23hP#apQd!K~
VqQAMe3TlM)p6HD^7RAb74FILx6-NL7

literal 0
HcmV?d00001

diff --git a/LCARStrek/chatzilla/images/multiline-expand.gif b/LCARStrek/chatzilla/images/multiline-expand.gif
new file mode 100644
index 0000000000000000000000000000000000000000..bf2ce79ac0e8d32718249e186fc6ce7a07fafd31
GIT binary patch
literal 68
zcmZ?wbhEHb6krfwXkcXcf1ct0|Nn|VSs1w(7#VaJfB+=Jz$D$%zw$K4+=dpns0`!N
VGX7FA3p^&?Gp>7ZY8@+sH2|8r6=whd

literal 0
HcmV?d00001

diff --git a/LCARStrek/chatzilla/images/no-graphic.gif b/LCARStrek/chatzilla/images/no-graphic.gif
new file mode 100644
index 0000000000000000000000000000000000000000..aa02b846fa3196c536c11e66ebe74c13172ce3fd
GIT binary patch
literal 67
zcmZ?wbhEHb<YC}pXkcKNIrGf_|Nj+#vM@3*Ff!;c00Bsbfk~=|nX~+4o>+EaP^R)Z
TgT=YJ3au3p-&?tY85pbqW5W`b

literal 0
HcmV?d00001

diff --git a/LCARStrek/chatzilla/images/no-symbol.gif b/LCARStrek/chatzilla/images/no-symbol.gif
new file mode 100644
index 0000000000000000000000000000000000000000..4cde0402c8a4bc948493f9faa70658495423adbd
GIT binary patch
literal 76
zcmZ?wbhEHb<YC}pXkcLY4+e_=M4gLL6H8K46v{J8G895GQWe}ieFGR2f3h%gF)%Xd
ZFaQBa3j-5ZPyfo(Z}}I`nIg(y4FKaO7r6ic

literal 0
HcmV?d00001

diff --git a/LCARStrek/chatzilla/images/op-graphic.gif b/LCARStrek/chatzilla/images/op-graphic.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5d72fd1da48b077837224df0cd92ffa0bde18260
GIT binary patch
literal 78
zcmZ?wbhEHb<YC}pSjfaMXU>0PAOr)&pDc_F3``6<3_t*qXJC?_!pd1LDIe5qA{FrP
aP~>O1+PTb8N?R2Yx;lg|?{i~hum%A17#UUo

literal 0
HcmV?d00001

diff --git a/LCARStrek/chatzilla/images/op-symbol.gif b/LCARStrek/chatzilla/images/op-symbol.gif
new file mode 100644
index 0000000000000000000000000000000000000000..0015847e9c9c56e1b013349f10582dc13e1c1676
GIT binary patch
literal 67
zcmZ?wbhEHb<YC}pXkcXcKcC_M|Nn|VSs1w(7#VaJfB+=Jz$Devzmn_j9EM2;C8IVU
VoAm2)?4uVpmxZQkL@_W}0|1k073Kf{

literal 0
HcmV?d00001

diff --git a/LCARStrek/chatzilla/images/voice-graphic.gif b/LCARStrek/chatzilla/images/voice-graphic.gif
new file mode 100644
index 0000000000000000000000000000000000000000..a73c680a0e11b06eb581684c65a15694df26e0d9
GIT binary patch
literal 78
zcmZ?wbhEHb<YC}pSjfaMXU_ls=NbNkf#OdVMg|5Z1|0?<0Le2j$xmVBESHoIYBrGy
ccz7uCvs~?5<|w7D3JF~uLYMcsF)~;K01hh|zW@LL

literal 0
HcmV?d00001

diff --git a/LCARStrek/chatzilla/images/voice-symbol.gif b/LCARStrek/chatzilla/images/voice-symbol.gif
new file mode 100644
index 0000000000000000000000000000000000000000..85011c279c3bbfd0e4ebb16f2cf23782d3cca4be
GIT binary patch
literal 58
zcmZ?wbhEHb<YC}pXkcXcKcC_M|Nn|VSs1w(7#VaJfB+=Jz$Dnyzf$_Z^SI;%w^kTT
Lo&0;g2!k~M+2#@m

literal 0
HcmV?d00001

diff --git a/LCARStrek/chatzilla/output-dark.css b/LCARStrek/chatzilla/output-dark.css
index 0863d34d..580c7aa5 100644
--- a/LCARStrek/chatzilla/output-dark.css
+++ b/LCARStrek/chatzilla/output-dark.css
@@ -18,118 +18,131 @@
  *
  * Contributor(s):
  *  Robert Ginda, rginda@ndcico.com, original author
- * 
+ *
  * Styles for output window
  *
  */
 
-/* 
+/*
  *  a dark background/light text version of the output window.
- *  see output-base.css for details. 
+ *  see output-base.css for details.
  */
 
 @import url(chrome://chatzilla/content/output-base.css);
 
 body.chatzilla-body {               /* The topmost container in the ChatZilla */
-    background: #000000;              /* output window. */
-    color: #E7ADE7;    
+  background: #000000;              /* output window. */
+  color: #E7ADE7;
 }
 
 a.chatzilla-link {
-    color: #FFCF00;
+  color: #FFCF00;
 }
 
 a.chatzilla-link:visited {
-    color: #8050B0;
+  color: #8050B0;
+}
+
+.header-outer {
+  background-color: #000000;
 }
 
-.msg-data[msg-type="JOIN"]  a.chatzilla-link,
-.msg-data[msg-type="PART"]  a.chatzilla-link {
-    color: #008484;
+.header {
+  color: #000000;
+  background-color: #9C9CFF;
+  -moz-border-radius: 7px;
 }
 
-.msg-data[msg-type="KICK"]  a.chatzilla-link {
-    color: #ff0000;
+.value {
+  color: #008484;
+}
+
+#splash {
+  color: #008484;
 }
 
 .chatzilla-rheet {
-    color: magenta !important;
+  color: #FFCF00 !important;
 }
 
 .chatzilla-highlight[name="Slate"] {
-    color: #FFCF00;
-    background: #15272d;
+  color: #FFCF00;
+  background: #15272d;
 }
 
 .chatzilla-highlight[name="Plum"] {
-    color: #FFCF00;
-    background: #442144;
+  color: #FFCF00;
+  background: #442144;
 }
 
 .chatzilla-highlight[name="Brown"] {
-    color: #FFCF00;
-    background: #562a14;
+  color: #FFCF00;
+  background: #562a14;
 }
 
 .msg-type {                                 /* .msg-type = message type       */
-    color: #008484;                          /* indicator                      */
+  color: #008484;                           /* indicator                      */
 }
 
-.msg-user a.chatzilla-link,
-.msg-user {                                 /* msg-user = nickname portion of */
-    color: white !important;                /* a message (channel and query   */
-}                                           /* views)                         */
+.msg-data,
+.msg-data[msg-type] {
+  background-color: #000000;
+  -moz-border-radius: 0px 7px 7px 0px;
+  border: 1px solid #735673;
+}
 
 .msg-data[mark="even"] {                    /* use even/odd marks to create a */
-    color: white;                           /* subtle brightness change when  */
+  color: #9C9CFF;                           /* subtle brightness change when  */
 }                                           /* the speaker changes.           */
 
-.msg-data[msg-type="JOIN"],
-.msg-data[msg-type="PART"] {
-    color: lightblue;
+[condition] {
+  font-weight: bold;
 }
 
-.msg-data[msg-type="PART"] {
-    color: lightblue;
+.msg-data a.chatzilla-link,
+.msg-data[msg-type] a.chatzilla-link {
+  color: #FFCF00;
 }
 
-.msg-data[msg-type="HELLO"] {
-    color: yellow;
+.msg-data a.chatzilla-link:visited,
+.msg-data[msg-type] a.chatzilla-link:visited {
+  color: #8050B0;
 }
 
-.msg-data[msg-type="ERROR"] {
-    background: red;
-    color: white;
+.msg-data[msg-type="JOIN"],
+.msg-data[msg-type="PART"],
+.msg-data[msg-type="QUIT"],
+.msg-data[msg-type="NICK"],
+.msg-data[msg-type="NOTICE"],
+.msg-data[msg-type="INFO"],
+.msg-data[msg-type="MODE"] {
+  color: #008484;
 }
 
+.msg-data[msg-type="HELLO"],
 .msg-data[msg-type="USAGE"] {
-    color: white;
-}
-
-.msg-data[msg-type="ACTION"] {
-    color: #6ac9ee;
-}
-
-.msg-data[msg-type="NICK"] {
-    color: #96fa94;
+  color: #FF9F00;
 }
 
-.msg-data[msg-type="NOTICE"],
-.msg-data[msg-type="MODE"] {
-    color: #60e066;
+.msg-data[msg-type="ERROR"],
+.msg-data[msg-type="KICK"] {
+  color: red;
 }
 
-.msg-data[msg-type="NOTICE"] a.chatzilla-link,
-.msg-data[msg-type="MODE"] a.chatzilla-link {
-    color: #6dff74;
+.msg-data[msg-type="ACTION"] {
+  font-weight: bold;
+  font-style: italic;
 }
 
-.msg-data[msg-type="KICK"] {
-    color: #d85d24;
-}
+.msg-user a.chatzilla-link,
+.msg-user {                                 /* msg-user = nickname portion of */
+  color: #FF9F00 !important;                /* a message (channel and query   */
+}                                           /* views)                         */
 
-.msg-data[msg-type="QUIT"] {
-    color: #f7b183;
+.msg-user {
+  background-color: #000000 !important;
+  -moz-border-radius: 7px 0px 0px 7px;
+  border: 1px solid #004242;
 }
 
 /* important="true" means that the message has text from your /stalk list in
@@ -137,47 +150,51 @@ a.chatzilla-link:visited {
  */
 .msg-user[important="true"],
 .msg-data[important="true"] {
-    background: #333333 !important;
+  background: #4D4D7F !important;
+  color: #FFCF00 !important;
 }
 
 .msg-user:before,
 .msg-user:after {
-    color: blue;
+  color: #008484;
 }
 
 .msg-user[msg-user$="ME!"]:before,
 .msg-user[msg-user$="ME!"]:after {
-    color: #6afc73;
+  color: #9C9CFF;
+}
+.msg-user[msg-user$="ME!"] {
+  border: 1px solid #9C9CFF;
 }
 
 .msg-user[msg-type="ACTION"]:before,
 .msg-user[msg-type="ACTION"]:after {
-    color: cyan;
+  color: #008484;
 }
 
 .msg-user[msg-type="NOTICE"]:before,
 .msg-user[msg-type="NOTICE"]:after {
-    color: #6afc73;
+  color: #008484;
 }
 
 /* private messages *not* in a query window */
 .msg-user[dest-type="IRCUser"]:before,
 .msg-user[dest-type="IRCUser"]:after {
-    color: #6afc73;
+  color: #FFCF00;
 }
 
 .msg-user[msg-dest$="ME!"]:before,
 .msg-user[msg-dest$="ME!"]:after {
-    color: magenta;
+  color: #FFCF00;
 }
 
 /* private messages in a query window */
 .msg-user[view-type="IRCUser"]:before,
 .msg-user[view-type="IRCUser"]:after {
-    color: white;
+  color: #008484;
 }
 
 .msg-user[view-type="IRCUser"][msg-user$="ME!"]:before,
 .msg-user[view-type="IRCUser"][msg-user$="ME!"]:after {
-    color: #6afc73;
+  color: #008484;
 }
diff --git a/LCARStrek/chatzilla/output-default.css b/LCARStrek/chatzilla/output-default.css
index 54bbab1d..9f7f5a0f 100644
--- a/LCARStrek/chatzilla/output-default.css
+++ b/LCARStrek/chatzilla/output-default.css
@@ -34,80 +34,194 @@
 /* LCARtrek needs corrections though. */
 
 body.chatzilla-body {               /* The topmost container in the ChatZilla */
-    background: #000000;              /* output window. */
-    color: #E7ADE7;    
+  background: #000000;              /* output window. */
+  color: #008484;
 }
 
 a.chatzilla-link {
-    color: #FFCF00;
+  color: #FFCF00;
 }
 
 a.chatzilla-link:visited {
-    color: #8050B0;
+  color: #8050B0;
 }
 
-.chatzilla-highlight[name="Bold"] {
-    font-weight: bold;
+.header-outer {
+  background-color: #E7ADE7;
 }
 
-.chatzilla-highlight[name="Italic"] {
-    font-style: italic;
+.header {
+  color: #000000;
+  background-color: #9C9CFF;
+  border-color: #FFCF00;
+  -moz-border-radius: 7px;
 }
 
-.chatzilla-highlight[name="Large"] {
-    font-size: 12pt;
+.value {
+  color: #008484;
 }
 
-.chatzilla-highlight[name="Small"] {
-    font-size: 8pt;
+#splash {
+  color: #FF9F00;
 }
 
-.chatzilla-highlight[name="SmallCap"] {
-    font-variant: small-caps;
-}
-
-.msg-data[msg-type="ACTION"] {
-    font-style: italic;
+.chatzilla-rheet {
+  color: #FFCF00 !important;
 }
 
 .msg-type[msg-type="JOIN"],
 .msg-type[msg-type="PART"],
 .msg-type[msg-type="QUIT"] {
-    font-weight: bold;
+  font-weight: bold;
 }
 
 .msg-data[msg-type="QUIT"] {
-    font-variant: small-caps;
-    font-weight: bold;
+  font-variant: small-caps;
+  font-weight: bold;
 }
 
 .msg-data[msg-type="JOIN"],
 .msg-data[msg-type="PART"] {
-    font-variant: small-caps;
+  font-variant: small-caps;
 }
 
 .msg-data[msg-type="HELLO"],
 .msg-type[msg-type="NICK"],
 .msg-data[msg-type="NOTICE"] {
-    font-weight: bold;
+  font-weight: bold;
 }
 
 .msg-data[msg-type="NICK"] {
-    font: 10pt courier;
+  font: 10pt courier;
+}
+
+.msg-type {                                 /* .msg-type = message type       */
+  color: #000000;                           /* indicator                      */
+  background-color: #008484;
+  -moz-border-radius: 9px 0px 0px 9px;
+  border: 1px solid transparent;
+}
+
+.msg-data,
+.msg-data[msg-type] {
+  background-color: #9C9CFF;
+  border: 1px solid transparent;
+  -moz-border-radius: 0px 9px 9px 0px;
+  color: #000000;
+}
+
+.msg-data[mark="even"] {                    /* use even/odd marks to create a */
+  color: #004242;                           /* subtle brightness change when  */
+}                                           /* the speaker changes.           */
+
+.msg-data a.chatzilla-link,
+.msg-data[msg-type] a.chatzilla-link {
+  color: #FFCF00;
+}
+
+.msg-data a.chatzilla-link:visited,
+.msg-data[msg-type] a.chatzilla-link:visited {
+  color: #8050B0;
+}
+
+.msg-data[msg-type="JOIN"],
+.msg-data[msg-type="PART"],
+.msg-data[msg-type="QUIT"],
+.msg-data[msg-type="NICK"],
+.msg-data[msg-type="NOTICE"],
+.msg-data[msg-type="INFO"],
+.msg-data[msg-type="MODE"],
+.msg-data[msg-type="HELLO"],
+.msg-data[msg-type="USAGE"] {
+  background-color: #008484;
+  color: #000000;
+}
+
+.msg-data[msg-type="ERROR"],
+.msg-data[msg-type="KICK"] {
+  background-color: red;
+  color: #000000;
+}
+
+.msg-data[msg-type="ACTION"] {
+  font-weight: bold;
+  font-style: italic;
+}
+
+.msg-user a.chatzilla-link,
+.msg-user {                                 /* msg-user = nickname portion of */
+  color: #008484 !important;                /* a message (channel and query   */
+}                                           /* views)                         */
+
+.msg-user {
+  background-color: #9C9CFF;
+  border: 1px solid transparent;
+  -moz-border-radius: 9px 0px 0px 9px;
+}
+
+/* important="true" means that the message has text from your /stalk list in
+ * it, has your nickname in it, or was spoken by someone in your /stalk list.
+ */
+.msg-user[important="true"],
+.msg-data[important="true"] {
+  background: #FF9F00 !important;
+  color: #000000 !important;
 }
 
 /* :before and :after pseudoclasses form the decorations around nicknames.     */
 .msg-user:before,
 .msg-user:after {
-    font: 10pt courier;
-    font-weight: bolder;
+  font: 10pt courier;
+  font-weight: bolder;
+  color: #000000;
+}
+
+.msg-user[msg-user$="ME!"]:before,
+.msg-user[msg-user$="ME!"]:after {
+  color: #000000;
+}
+.msg-user[msg-user$="ME!"] {
+  border: 1px solid #FFCF00;
+  font-weight: bold;
+}
+
+.msg-user[msg-type="ACTION"]:before,
+.msg-user[msg-type="ACTION"]:after {
+  color: #000000;
 }
 
+.msg-user[msg-type="NOTICE"]:before,
+.msg-user[msg-type="NOTICE"]:after {
+  color: #000000;
+}
+
+/* private messages *not* in a query window */
+.msg-user[dest-type="IRCUser"]:before,
+.msg-user[dest-type="IRCUser"]:after {
+  color: #FFCF00;
+}
 .msg-user[dest-type="IRCUser"],
 .msg-user[dest-type="IRCUser"][msg-dest$="ME!"] {
-    font-style: italic;
+  font-style: italic;
 }
 
-.msg-user[msg-user$="ME!"] {
-    font-weight: bold;
+.msg-user[msg-dest$="ME!"]:before,
+.msg-user[msg-dest$="ME!"]:after {
+  color: #FFCF00;
+}
+
+.msg-user[dest-type="IRCUser"],
+.msg-user[msg-dest$="ME!"] {
+  border: 1px solid #FFCF00;
+}
+
+/* private messages in a query window */
+.msg-user[view-type="IRCUser"]:before,
+.msg-user[view-type="IRCUser"]:after {
+  color: #008484;
+}
+
+.msg-user[view-type="IRCUser"][msg-user$="ME!"]:before,
+.msg-user[view-type="IRCUser"][msg-user$="ME!"]:after {
+  color: #008484;
 }
diff --git a/LCARStrek/chatzilla/output-light.css b/LCARStrek/chatzilla/output-light.css
index 65465a71..18daadce 100644
--- a/LCARStrek/chatzilla/output-light.css
+++ b/LCARStrek/chatzilla/output-light.css
@@ -39,6 +39,43 @@ a.chatzilla-link {
     color: #777499 /*#ea3838*/;
 }
 
+.header-outer {
+    background-color: #d1d0ea;
+}
+
+.header {
+    color: darkslategrey;
+    background-color: #EEEEEE;
+/*    -moz-opacity: 0.9;*/
+    border: 1px #777499 solid;
+    -moz-border-radius: 7px;
+}
+
+#splash {
+    color: #DDDDDD;
+}
+
+#usr-descnodes,
+#ch-topicnodes {
+    color: black;
+}
+
+[condition] {
+    font-weight: bold;
+}
+
+[condition="red"] {
+    color: red;
+}
+
+[condition="yellow"] {
+    color: orange;
+}
+
+[condition="green"] {
+    color: #2ec908;
+}
+
 .msg-data[msg-type="QUIT"] a.chatzilla-link {
     color: #d1ecf9;
 }
-- 
2.35.3