-/* -*- 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
- *
- */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-/*
+/*
* a light background/dark 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: white; /* output window. */
- color: #222222;
+ color: #222222;
}
a.chatzilla-link {
- color: #777499 /*#ea3838*/;
+ font-weight: bold;
+ color: #342ecc;
}
.header-outer {
.header {
color: darkslategrey;
background-color: #EEEEEE;
-/* -moz-opacity: 0.9;*/
+/* opacity: 0.9;*/
border: 1px #777499 solid;
- -moz-border-radius: 7px;
+ border-radius: 7px;
}
#splash {
color: black;
}
+.progress-fg {
+ background-color: darkslategrey;
+}
+
[condition] {
font-weight: bold;
}
color: #2ec908;
}
-.msg-data[msg-type="QUIT"] a.chatzilla-link {
- color: #d1ecf9;
+.msg[msg-type="PRIVMSG"] .msg-data,
+.msg[msg-type="ACTION"] .msg-data {
+ background-color: #F0F0F0;
+}
+
+.msg[msg-type="HELLO"] .msg-data a.chatzilla-link {
+ color: #d7d9dd;
}
-.msg-data[msg-type="ERROR"] a.chatzilla-link {
+.msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
+.msg[msg-type="PART"] .msg-data a.chatzilla-link {
+ font-weight: bold;
+ color: #11c411;
+}
+
+.msg[msg-type="ERROR"] .msg-data a.chatzilla-link,
+.msg[msg-type="DISCONNECT"] .msg-data a.chatzilla-link {
font-weight: bold;
color: white;
}
-.msg-data[msg-type="QUIT"] a.chatzilla-link:visited {
- color: #b4ccd8;
+.msg[msg-type="KICK"] .msg-data a.chatzilla-link {
+ color: #aa0d08;
+}
+
+.msg[msg-type="NOTICE"] .msg-data a.chatzilla-link {
+ color: #d64444;
}
-.msg-data[msg-type="KICK"] a.chatzilla-link {
- color: lightgrey;
+.msg[msg-type="QUIT"] .msg-data a.chatzilla-link {
+ color: #c46907;
}
.chatzilla-rheet {
}
.msg-type { /* .msg-type = message type */
- color: #202020; /* indicator */
+ color: #686699; /* indicator */
+ font-weight: bold;
}
.msg-user a.chatzilla-link,
font-weight: bold; /* views) */
}
-.msg-data[mark="even"] { /* use even/odd marks to create a */
+.msg[mark="even"] .msg-data { /* 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: #9999CC;
- color: black;
+.msg[msg-type="JOIN"] .msg-data,
+.msg[msg-type="PART"] .msg-data {
+ color: #0e9e0e;
+ background-color: #c3f7c3;
font-weight: bold;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
/*border: thin darkblue solid;*/
}
-.msg-data[msg-type="QUIT"] {
- background: #666699;
- color: white;
+.msg[msg-type="QUIT"] .msg-data {
+ background: #fff196;
+ color: #ff8d02;
font-weight: bold;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
}
-.msg-data[msg-type="HELLO"] {
- background: #ffd000;
+.msg[msg-type="HELLO"] .msg-data {
+ background: #1342a5;
color: white;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
font-weight: bold;
}
-.msg-data[msg-type="ERROR"] {
- -moz-border-radius: 5px 5px 5px 5px;
- background: #ff2600;
+.msg[msg-type="ERROR"] .msg-data,
+.msg[msg-type="DISCONNECT"] .msg-data {
+ border-radius: 5px 5px 5px 5px;
+ background: #a8221e;
color: white;
}
-.msg-data[msg-type="USAGE"] {
+.msg[msg-type="USAGE"] .msg-data {
color: black;
}
-.msg-data[msg-type="ACTION"] {
+.msg[msg-type="ACTION"] .msg-data {
color: black;
font-style: italic;
}
-.msg-data[msg-type="NICK"] {
- color: #669da3;
+.msg[msg-type="NICK"] .msg-data {
+ color: #4e8387;
+ background-color: #d5e9ea;
font-weight: bold;
}
-.msg-data[msg-type="NOTICE"] {
- color: #ff6500;
+.msg[msg-type="NOTICE"] .msg-data {
+ color: #ae4141;
font-weight: bold;
}
-.msg-data[msg-type="MODE"] {
- color: purple;
+.msg[msg-type="MODE"] .msg-data {
+ color: #2709ed;
+ font-weight: bold;
}
-.msg-data[msg-type="KICK"] {
- color: white;
- background: #ff6500;
- -moz-border-radius: 5px 5px 5px 5px;
+.msg[msg-type="KICK"] .msg-data {
+ color: #ff1a0a;
+ background: #ffdbcc;
+ font-weight: bold;
+ 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[important="true"] .msg-user {
+ background: #d4d8d4;
+ border-radius: 5px 0px 0px 5px;
}
-.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;
+.msg[important="true"] .msg-data {
+ background: #eaefeb;
}
color: #777499;
}
-.msg-user[msg-user$="ME!"]:before, /* the decoration around MY */
-.msg-user[msg-user$="ME!"]:after { /* nick */
+.msg[msg-user$="ME!"] .msg-user:before, /* the decoration around MY */
+.msg[msg-user$="ME!"] .msg-user:after { /* nick */
color: #843c6c;
}
projects / themes.git / blobdiff