make LCARStrek work with Mozilla 1.6 chatzilla; provide really good dark and default...
authorrobert <robert>
Thu, 22 Jan 2004 22:40:33 +0000 (22:40 +0000)
committerrobert <robert>
Thu, 22 Jan 2004 22:40:33 +0000 (22:40 +0000)
19 files changed:
LCARStrek/chatzilla/chatzilla.css
LCARStrek/chatzilla/images/halfop-graphic.gif [new file with mode: 0644]
LCARStrek/chatzilla/images/halfop-symbol.gif [new file with mode: 0644]
LCARStrek/chatzilla/images/input-send.gif [new file with mode: 0644]
LCARStrek/chatzilla/images/is-op.gif [deleted file]
LCARStrek/chatzilla/images/is-voice.gif [deleted file]
LCARStrek/chatzilla/images/isnt-op.gif [deleted file]
LCARStrek/chatzilla/images/isnt-voice.gif [deleted file]
LCARStrek/chatzilla/images/multiline-contract.gif [new file with mode: 0644]
LCARStrek/chatzilla/images/multiline-expand.gif [new file with mode: 0644]
LCARStrek/chatzilla/images/no-graphic.gif [new file with mode: 0644]
LCARStrek/chatzilla/images/no-symbol.gif [new file with mode: 0644]
LCARStrek/chatzilla/images/op-graphic.gif [new file with mode: 0644]
LCARStrek/chatzilla/images/op-symbol.gif [new file with mode: 0644]
LCARStrek/chatzilla/images/voice-graphic.gif [new file with mode: 0644]
LCARStrek/chatzilla/images/voice-symbol.gif [new file with mode: 0644]
LCARStrek/chatzilla/output-dark.css
LCARStrek/chatzilla/output-default.css
LCARStrek/chatzilla/output-light.css

index 0ea174cdb6219124a37ea088f2cb3ed04e3cb0ce..15bf93814368cf2736e820b05ac67a449646d8d5 100644 (file)
@@ -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 (file)
index 0000000..8ac3b82
Binary files /dev/null and b/LCARStrek/chatzilla/images/halfop-graphic.gif differ
diff --git a/LCARStrek/chatzilla/images/halfop-symbol.gif b/LCARStrek/chatzilla/images/halfop-symbol.gif
new file mode 100644 (file)
index 0000000..3a90661
Binary files /dev/null and b/LCARStrek/chatzilla/images/halfop-symbol.gif differ
diff --git a/LCARStrek/chatzilla/images/input-send.gif b/LCARStrek/chatzilla/images/input-send.gif
new file mode 100644 (file)
index 0000000..c17aab6
Binary files /dev/null and b/LCARStrek/chatzilla/images/input-send.gif differ
diff --git a/LCARStrek/chatzilla/images/is-op.gif b/LCARStrek/chatzilla/images/is-op.gif
deleted file mode 100644 (file)
index fb2c946..0000000
Binary files a/LCARStrek/chatzilla/images/is-op.gif and /dev/null differ
diff --git a/LCARStrek/chatzilla/images/is-voice.gif b/LCARStrek/chatzilla/images/is-voice.gif
deleted file mode 100644 (file)
index aa16179..0000000
Binary files a/LCARStrek/chatzilla/images/is-voice.gif and /dev/null differ
diff --git a/LCARStrek/chatzilla/images/isnt-op.gif b/LCARStrek/chatzilla/images/isnt-op.gif
deleted file mode 100644 (file)
index da1feff..0000000
Binary files a/LCARStrek/chatzilla/images/isnt-op.gif and /dev/null differ
diff --git a/LCARStrek/chatzilla/images/isnt-voice.gif b/LCARStrek/chatzilla/images/isnt-voice.gif
deleted file mode 100644 (file)
index ca2f3e0..0000000
Binary files a/LCARStrek/chatzilla/images/isnt-voice.gif and /dev/null differ
diff --git a/LCARStrek/chatzilla/images/multiline-contract.gif b/LCARStrek/chatzilla/images/multiline-contract.gif
new file mode 100644 (file)
index 0000000..15ba89e
Binary files /dev/null and b/LCARStrek/chatzilla/images/multiline-contract.gif differ
diff --git a/LCARStrek/chatzilla/images/multiline-expand.gif b/LCARStrek/chatzilla/images/multiline-expand.gif
new file mode 100644 (file)
index 0000000..bf2ce79
Binary files /dev/null and b/LCARStrek/chatzilla/images/multiline-expand.gif differ
diff --git a/LCARStrek/chatzilla/images/no-graphic.gif b/LCARStrek/chatzilla/images/no-graphic.gif
new file mode 100644 (file)
index 0000000..aa02b84
Binary files /dev/null and b/LCARStrek/chatzilla/images/no-graphic.gif differ
diff --git a/LCARStrek/chatzilla/images/no-symbol.gif b/LCARStrek/chatzilla/images/no-symbol.gif
new file mode 100644 (file)
index 0000000..4cde040
Binary files /dev/null and b/LCARStrek/chatzilla/images/no-symbol.gif differ
diff --git a/LCARStrek/chatzilla/images/op-graphic.gif b/LCARStrek/chatzilla/images/op-graphic.gif
new file mode 100644 (file)
index 0000000..5d72fd1
Binary files /dev/null and b/LCARStrek/chatzilla/images/op-graphic.gif differ
diff --git a/LCARStrek/chatzilla/images/op-symbol.gif b/LCARStrek/chatzilla/images/op-symbol.gif
new file mode 100644 (file)
index 0000000..0015847
Binary files /dev/null and b/LCARStrek/chatzilla/images/op-symbol.gif differ
diff --git a/LCARStrek/chatzilla/images/voice-graphic.gif b/LCARStrek/chatzilla/images/voice-graphic.gif
new file mode 100644 (file)
index 0000000..a73c680
Binary files /dev/null and b/LCARStrek/chatzilla/images/voice-graphic.gif differ
diff --git a/LCARStrek/chatzilla/images/voice-symbol.gif b/LCARStrek/chatzilla/images/voice-symbol.gif
new file mode 100644 (file)
index 0000000..85011c2
Binary files /dev/null and b/LCARStrek/chatzilla/images/voice-symbol.gif differ
index 0863d34d0c40e523cccf85191114712243504cf0..580c7aa5c98481c027cb0fff9da87c3b434d117d 100644 (file)
  *
  * 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;
 }
index 54bbab1d75f78f7fc7283fe13038deae543b8710..9f7f5a0f314a5ec7b4077cee9cdd1164b3367d40 100644 (file)
 /* 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;
 }
index 65465a71b822e6017804b03bf4a2109439ffc4b2..18daadce6122c15001678f6e09338de9a8d36aa0 100644 (file)
@@ -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;
 }