X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fchatzilla%2Fchatzilla.css;h=77d1335ee93fe75d67b127ff62a8d07eac366bc6;hp=358ff3349e1dba0fdcd15b4885ffc44e014409a4;hb=8caa872d050772c572257f23011c668f70dcaef7;hpb=731b0901600466dfe54ad97158656e7f18b8f877

diff --git a/LCARStrek/chatzilla/chatzilla.css b/LCARStrek/chatzilla/chatzilla.css
index 358ff334..77d1335e 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"] {
@@ -95,13 +95,17 @@ window {
  * keys */
 .view-button[viewKey="4"],
 .view-button[viewKey="8"] {
-  margin-left: 5px;
+  -moz-margin-start: 5px;
 }
 
 .header-box, .usercount-data {
   padding-top: 2px;
   padding-bottom: 2px;
-  padding-right: 10px;
+  -moz-padding-end: 10px;
+}
+
+#user-list {
+  margin: 0px;
 }
 
 #server-nick {
@@ -111,12 +115,12 @@ window {
 .header-label {
   font-weight: bold;
   text-align: right;
-  margin-left: 10px;
+  -moz-margin-start: 10px;
 }
 
 .header-data {
   text-align: left;
-  margin-left: 5px;
+  -moz-margin-start: 5px;
 }
 
 #channel-topic {
@@ -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);
+  -moz-margin-end: 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;
 }