From: robert Date: Thu, 22 Jan 2004 22:40:33 +0000 (+0000) Subject: make LCARStrek work with Mozilla 1.6 chatzilla; provide really good dark and default... X-Git-Tag: EarlyBlue-2.0a1~64 X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=commitdiff_plain;h=a8dfd76fcd1e6fb6fb5b31418931a033c6ec4e1c make LCARStrek work with Mozilla 1.6 chatzilla; provide really good dark and default motif --- 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 00000000..8ac3b82e 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 index 00000000..3a906618 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 index 00000000..c17aab66 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 index fb2c946c..00000000 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 index aa161798..00000000 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 index da1feff4..00000000 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 index ca2f3e09..00000000 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 index 00000000..15ba89e6 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 index 00000000..bf2ce79a 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 index 00000000..aa02b846 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 index 00000000..4cde0402 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 index 00000000..5d72fd1d 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 index 00000000..0015847e 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 index 00000000..a73c680a 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 index 00000000..85011c27 Binary files /dev/null and b/LCARStrek/chatzilla/images/voice-symbol.gif differ 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; }