X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fchatzilla%2Fchatzilla.css;h=56d713c45311299c58d90134d61ff614b0eb5923;hp=2a1ae4e50c85e845c1c8a6c3beced7792062cea6;hb=8caa872d050772c572257f23011c668f70dcaef7;hpb=9ca9f6bd61c4dfb401c355a039b2f5abd55dcd55

diff --git a/EarlyBlue/chatzilla/chatzilla.css b/EarlyBlue/chatzilla/chatzilla.css
index 2a1ae4e5..56d713c4 100644
--- a/EarlyBlue/chatzilla/chatzilla.css
+++ b/EarlyBlue/chatzilla/chatzilla.css
@@ -45,7 +45,7 @@ window {
 
 #outer-box {
 /*  margin: 5px; */
-  margin-left: 2px;
+  -moz-margin-start: 2px;
   margin-bottom: 2px;
 }
 
@@ -69,7 +69,7 @@ window {
 }
 
 .view-button {
-  color: #000000;
+  /* do NOT set color, at least not without background. :) */
 }
 
 .view-button[state="current"] {
@@ -92,13 +92,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 {
@@ -108,12 +112,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 {
@@ -128,20 +132,66 @@ window {
   border: 1px inset #CCD0DD;
 }
 
-/* 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 black;
+  -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;
 }