some more improvements on FF4 theme
[themes.git] / EarlyBlue / chatzilla / output-light.css
... / ...
CommitLineData
1/* -*- Mode: Text; tab-width: 8; indent-tabs-mode: nil; c-basic-offset: 4 -*-
2 * ***** BEGIN LICENSE BLOCK *****
3 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
4 *
5 * The contents of this file are subject to the Mozilla Public License Version
6 * 1.1 (the "License"); you may not use this file except in compliance with
7 * the License. You may obtain a copy of the License at
8 * http://www.mozilla.org/MPL/
9 *
10 * Software distributed under the License is distributed on an "AS IS" basis,
11 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
12 * for the specific language governing rights and limitations under the
13 * License.
14 *
15 * The Original Code is Chatzilla.
16 *
17 * The Initial Developer of the Original Code is
18 * New Dimensions Consulting, Inc.
19 * Portions created by the Initial Developer are Copyright (C) 1999
20 * the Initial Developer. All Rights Reserved.
21 *
22 * Contributor(s):
23 * Robert Ginda, rginda@ndcico.com, original author
24 *
25 * Alternatively, the contents of this file may be used under the terms of
26 * either the GNU General Public License Version 2 or later (the "GPL"), or
27 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
28 * in which case the provisions of the GPL or the LGPL are applicable instead
29 * of those above. If you wish to allow use of your version of this file only
30 * under the terms of either the GPL or the LGPL, and not to allow others to
31 * use your version of this file under the terms of the MPL, indicate your
32 * decision by deleting the provisions above and replace them with the notice
33 * and other provisions required by the GPL or the LGPL. If you do not delete
34 * the provisions above, a recipient may use your version of this file under
35 * the terms of any one of the MPL, the GPL or the LGPL.
36 *
37 * ***** END LICENSE BLOCK ***** */
38
39/*
40 * a light background/dark text version of the output window.
41 * see output-base.css for details.
42 */
43
44@import url(chrome://chatzilla/content/output-base.css);
45
46body.chatzilla-body { /* The topmost container in the ChatZilla */
47 background: white; /* output window. */
48 color: #222222;
49}
50
51a.chatzilla-link {
52 font-weight: bold;
53 color: #342ecc;
54}
55
56.header-outer {
57 background-color: #d1d0ea;
58}
59
60.header {
61 color: darkslategrey;
62 background-color: #EEEEEE;
63/* opacity: 0.9;*/
64 border: 1px #777499 solid;
65 border-radius: 7px;
66}
67
68#splash {
69 color: #DDDDDD;
70}
71
72#usr-descnodes,
73#ch-topicnodes {
74 color: black;
75}
76
77.progress-fg {
78 background-color: darkslategrey;
79}
80
81[condition] {
82 font-weight: bold;
83}
84
85[condition="red"] {
86 color: red;
87}
88
89[condition="yellow"] {
90 color: orange;
91}
92
93[condition="green"] {
94 color: #2ec908;
95}
96
97.msg[msg-type="PRIVMSG"] .msg-data,
98.msg[msg-type="ACTION"] .msg-data {
99 background-color: #F0F0F0;
100}
101
102.msg[msg-type="HELLO"] .msg-data a.chatzilla-link {
103 color: #d7d9dd;
104}
105
106.msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
107.msg[msg-type="PART"] .msg-data a.chatzilla-link {
108 font-weight: bold;
109 color: #11c411;
110}
111
112.msg[msg-type="ERROR"] .msg-data a.chatzilla-link,
113.msg[msg-type="DISCONNECT"] .msg-data a.chatzilla-link {
114 font-weight: bold;
115 color: white;
116}
117
118.msg[msg-type="KICK"] .msg-data a.chatzilla-link {
119 color: #aa0d08;
120}
121
122.msg[msg-type="NOTICE"] .msg-data a.chatzilla-link {
123 color: #d64444;
124}
125
126.msg[msg-type="QUIT"] .msg-data a.chatzilla-link {
127 color: #c46907;
128}
129
130.chatzilla-rheet {
131 color: #e25e00 !important;
132}
133
134.chatzilla-highlight[name="Slate"] {
135 color: black;
136 background: #b8c4e0;
137}
138
139.chatzilla-highlight[name="Plum"] {
140 color: black;
141 background: #ddb8d0;
142}
143
144.chatzilla-highlight[name="Brown"] {
145 color: black;
146 background: #ffbf77;
147}
148
149.msg-type { /* .msg-type = message type */
150 color: #686699; /* indicator */
151 font-weight: bold;
152}
153
154.msg-user a.chatzilla-link,
155.msg-user { /* msg-user = nickname portion of */
156 color: black !important; /* a message (channel and query */
157 font-weight: bold; /* views) */
158}
159
160.msg[mark="even"] .msg-data { /* use even/odd marks to create a */
161 color: #555555; /* subtle brightness change when */
162} /* the speaker changes. */
163
164.msg[msg-type="JOIN"] .msg-data,
165.msg[msg-type="PART"] .msg-data {
166 color: #0e9e0e;
167 background-color: #c3f7c3;
168 font-weight: bold;
169 border-radius: 5px 5px 5px 5px;
170 /*border: thin darkblue solid;*/
171}
172
173.msg[msg-type="QUIT"] .msg-data {
174 background: #fff196;
175 color: #ff8d02;
176 font-weight: bold;
177 border-radius: 5px 5px 5px 5px;
178}
179
180.msg[msg-type="HELLO"] .msg-data {
181 background: #1342a5;
182 color: white;
183 border-radius: 5px 5px 5px 5px;
184 font-weight: bold;
185}
186
187.msg[msg-type="ERROR"] .msg-data,
188.msg[msg-type="DISCONNECT"] .msg-data {
189 border-radius: 5px 5px 5px 5px;
190 background: #a8221e;
191 color: white;
192}
193
194.msg[msg-type="USAGE"] .msg-data {
195 color: black;
196}
197
198.msg[msg-type="ACTION"] .msg-data {
199 color: black;
200 font-style: italic;
201}
202
203.msg[msg-type="NICK"] .msg-data {
204 color: #4e8387;
205 background-color: #d5e9ea;
206 font-weight: bold;
207}
208
209.msg[msg-type="NOTICE"] .msg-data {
210 color: #ae4141;
211 font-weight: bold;
212}
213
214.msg[msg-type="MODE"] .msg-data {
215 color: #2709ed;
216 font-weight: bold;
217}
218
219.msg[msg-type="KICK"] .msg-data {
220 color: #ff1a0a;
221 background: #ffdbcc;
222 font-weight: bold;
223 border-radius: 5px 5px 5px 5px;
224}
225
226/* important="true" means that the message has text from your /stalk list in
227 * it, has your nickname in it, or was spoken by someone in your /stalk list.
228 */
229.msg[important="true"] .msg-user {
230 background: #d4d8d4;
231 border-radius: 5px 0px 0px 5px;
232}
233
234.msg[important="true"] .msg-data {
235 background: #eaefeb;
236}
237
238
239/* :before and :after pseudoclasses form the decorations around nicknames. */
240.msg-user:before,
241.msg-user:after {
242 color: #777499;
243}
244
245.msg[msg-user$="ME!"] .msg-user:before, /* the decoration around MY */
246.msg[msg-user$="ME!"] .msg-user:after { /* nick */
247 color: #843c6c;
248}