}
.view-button {
- color: #FF9F00;
+ /* do NOT set color, at least not without background. :) */
}
.view-button[state="current"] {
padding-right: 10px;
}
+#user-list {
+ margin: 0px;
+}
+
#server-nick {
padding-top: 5px;
}
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;
}
*
* 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
*/
.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;
}
/* 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;
}
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;
}