adding chatzilla, adding menu icons for components, keeping up with classic
[themes.git] / LCARStrek / chatzilla / output-light.css
diff --git a/LCARStrek/chatzilla/output-light.css b/LCARStrek/chatzilla/output-light.css
new file mode 100644 (file)
index 0000000..65465a7
--- /dev/null
@@ -0,0 +1,188 @@
+/* -*- Mode: Text; tab-width: 8; indent-tabs-mode: nil; c-basic-offset: 4 -*-
+ * The contents of this file are subject to the Mozilla Public
+ * License Version 1.1 (the "License"); you may not use this file
+ * except in compliance with the License. You may obtain a copy of
+ * the License at http://www.mozilla.org/MPL/
+ *
+ * Software distributed under the License is distributed on an "AS
+ * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
+ * implied. See the License for the specific language governing
+ * rights and limitations under the License.
+ *
+ * The Original Code is Chatzilla.
+ *
+ * The Initial Developer of the Original Code is New Dimensions Consulting,
+ * Inc. Portions created by New Dimensions Consulting, Inc. are
+ * Copyright (C) 1999 New Dimenstions Consulting, Inc. All
+ * Rights Reserved.
+ *
+ * Contributor(s):
+ *  Robert Ginda, rginda@ndcico.com, original author
+ * 
+ * Styles for output window
+ *
+ */
+
+/* 
+ *  a light background/dark text version of the output window.
+ *  see output-base.css for details. 
+ */
+
+@import url(chrome://chatzilla/content/output-base.css);
+
+body.chatzilla-body {               /* The topmost container in the ChatZilla */
+    background: white;              /* output window.                         */
+    color: #222222;    
+}
+
+a.chatzilla-link {
+    color: #777499 /*#ea3838*/;
+}
+
+.msg-data[msg-type="QUIT"] a.chatzilla-link {
+    color: #d1ecf9;
+}
+
+.msg-data[msg-type="ERROR"] a.chatzilla-link {
+    font-weight: bold;
+    color: white;
+}
+
+.msg-data[msg-type="QUIT"] a.chatzilla-link:visited {
+    color: #b4ccd8;
+}
+
+.msg-data[msg-type="KICK"]  a.chatzilla-link {
+    color: lightgrey;
+}
+
+.chatzilla-rheet {
+    color: #e25e00 !important;
+}
+
+.chatzilla-highlight[name="Slate"] {
+    color: black;
+    background: #b8c4e0;
+}
+
+.chatzilla-highlight[name="Plum"] {
+    color: black;
+    background: #ddb8d0;
+}
+
+.chatzilla-highlight[name="Brown"] {
+    color: black;
+    background: #ffbf77;
+}
+
+.msg-type {                                 /* .msg-type = message type       */
+    color: #202020;                         /* indicator                      */
+}
+
+.msg-user a.chatzilla-link,
+.msg-user {                                 /* msg-user = nickname portion of */
+    color: black !important;                /* a message (channel and query   */
+    font-weight: bold;                      /* views)                         */
+}                     
+.msg-data[mark="even"] {                    /* use even/odd marks to create a */
+    color: #555555;                         /* subtle brightness change when  */
+}                                           /* the speaker changes.           */
+
+
+.msg-type[msg-type="KICK"],
+.msg-type[msg-type="NICK"],
+.msg-type[msg-type="QUIT"],
+.msg-type[msg-type="JOIN"],
+.msg-type[msg-type="PART"] {
+    visibility: hidden;
+}
+
+.msg-data[msg-type="JOIN"],
+.msg-data[msg-type="PART"] {
+    background: #b4ccd8;
+    color: black;
+    font-weight: bold;
+    -moz-border-radius: 5px 5px 5px 5px;
+    /*border: thin darkblue solid;*/
+}
+
+.msg-data[msg-type="QUIT"] {
+    background: #777499;
+    color: white;
+    font-weight: bold;
+    -moz-border-radius: 5px 5px 5px 5px;
+}
+
+.msg-data[msg-type="HELLO"] {
+    background: #ffd000;
+    color: white;
+    -moz-border-radius: 5px 5px 5px 5px;
+    font-weight: bold;
+}
+
+.msg-data[msg-type="ERROR"] {
+    -moz-border-radius: 5px 5px 5px 5px;
+    background: #ff2600;
+    color: white;
+}
+
+.msg-data[msg-type="USAGE"] {
+    color: black;
+}
+
+.msg-data[msg-type="ACTION"] {
+    color: black;
+    font-style: italic;
+}
+
+.msg-data[msg-type="NICK"] {
+    color: #669da3;
+    font-weight: bold;
+}
+
+.msg-data[msg-type="NOTICE"] {
+    color: #ff6500;
+    font-weight: bold;
+}
+
+.msg-data[msg-type="MODE"] {
+    color: purple;
+}
+
+.msg-data[msg-type="KICK"] {
+    color: white;
+    background: #ff6500;
+    -moz-border-radius: 5px 5px 5px 5px;
+}
+
+/* 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"] {
+    -moz-border-radius: 5px 0px 0px 5px;
+    border-bottom: 1px black solid;
+    border-top: 1px lightslategrey solid;
+    border-left: 1px lightslategrey solid;
+    background: #d7ceea;
+}
+
+.msg-data[important="true"] {
+    -moz-border-radius: 0px 5px 5px 0px;
+    border-bottom: 1px black solid;
+    border-right: 1px black solid;
+    border-top: 1px lightslategrey solid;
+    background: #d7ceea;
+}
+
+
+/* :before and :after pseudoclasses form the decorations around nicknames.     */
+.msg-user:before,
+.msg-user:after {
+    color: #777499;
+}
+
+.msg-user[msg-user$="ME!"]:before,               /* the decoration around MY   */
+.msg-user[msg-user$="ME!"]:after {               /* nick                       */
+    color: #843c6c;
+}