sync with Classic in preparation for a 1.8a release
[themes.git] / EarlyBlue / chatzilla / output-light.css
1 /* -*- Mode: Text; tab-width: 8; indent-tabs-mode: nil; c-basic-offset: 4 -*-
2  * The contents of this file are subject to the Mozilla Public
3  * License Version 1.1 (the "License"); you may not use this file
4  * except in compliance with the License. You may obtain a copy of
5  * the License at http://www.mozilla.org/MPL/
6  *
7  * Software distributed under the License is distributed on an "AS
8  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
9  * implied. See the License for the specific language governing
10  * rights and limitations under the License.
11  *
12  * The Original Code is Chatzilla.
13  *
14  * The Initial Developer of the Original Code is New Dimensions Consulting,
15  * Inc. Portions created by New Dimensions Consulting, Inc. are
16  * Copyright (C) 1999 New Dimenstions Consulting, Inc. All
17  * Rights Reserved.
18  *
19  * Contributor(s):
20  *  Robert Ginda, rginda@ndcico.com, original author
21  *
22  * Styles for output window
23  *
24  */
25
26 /*
27  *  a light background/dark text version of the output window.
28  *  see output-base.css for details.
29  */
30
31 @import url(chrome://chatzilla/content/output-base.css);
32
33 body.chatzilla-body {               /* The topmost container in the ChatZilla */
34     background: white;              /* output window.                         */
35     color: #222222;
36 }
37
38 a.chatzilla-link {
39     color: #777499 /*#ea3838*/;
40 }
41
42 .header-outer {
43     background-color: #d1d0ea;
44 }
45
46 .header {
47     color: darkslategrey;
48     background-color: #EEEEEE;
49 /*    -moz-opacity: 0.9;*/
50     border: 1px #777499 solid;
51     -moz-border-radius: 7px;
52 }
53
54 #splash {
55     color: #DDDDDD;
56 }
57
58 #usr-descnodes,
59 #ch-topicnodes {
60     color: black;
61 }
62
63 [condition] {
64     font-weight: bold;
65 }
66
67 [condition="red"] {
68     color: red;
69 }
70
71 [condition="yellow"] {
72     color: orange;
73 }
74
75 [condition="green"] {
76     color: #2ec908;
77 }
78
79 .msg-data[msg-type="QUIT"] a.chatzilla-link {
80     color: #d1ecf9;
81 }
82
83 .msg-data[msg-type="ERROR"] a.chatzilla-link {
84     font-weight: bold;
85     color: white;
86 }
87
88 .msg-data[msg-type="QUIT"] a.chatzilla-link:visited {
89     color: #b4ccd8;
90 }
91
92 .msg-data[msg-type="KICK"]  a.chatzilla-link {
93     color: lightgrey;
94 }
95
96 .chatzilla-rheet {
97     color: #e25e00 !important;
98 }
99
100 .chatzilla-highlight[name="Slate"] {
101     color: black;
102     background: #b8c4e0;
103 }
104
105 .chatzilla-highlight[name="Plum"] {
106     color: black;
107     background: #ddb8d0;
108 }
109
110 .chatzilla-highlight[name="Brown"] {
111     color: black;
112     background: #ffbf77;
113 }
114
115 .msg-type {                                 /* .msg-type = message type       */
116     color: #202020;                         /* indicator                      */
117 }
118
119 .msg-user a.chatzilla-link,
120 .msg-user {                                 /* msg-user = nickname portion of */
121     color: black !important;                /* a message (channel and query   */
122     font-weight: bold;                      /* views)                         */
123 }                     
124  
125 .msg-data[mark="even"] {                    /* use even/odd marks to create a */
126     color: #555555;                         /* subtle brightness change when  */
127 }                                           /* the speaker changes.           */
128
129
130 .msg-type[msg-type="KICK"],
131 .msg-type[msg-type="NICK"],
132 .msg-type[msg-type="QUIT"],
133 .msg-type[msg-type="JOIN"],
134 .msg-type[msg-type="PART"] {
135     visibility: hidden;
136 }
137
138 .msg-data[msg-type="JOIN"],
139 .msg-data[msg-type="PART"] {
140     background: #9999CC;
141     color: black;
142     font-weight: bold;
143     -moz-border-radius: 5px 5px 5px 5px;
144     /*border: thin darkblue solid;*/
145 }
146
147 .msg-data[msg-type="QUIT"] {
148     background: #666699;
149     color: white;
150     font-weight: bold;
151     -moz-border-radius: 5px 5px 5px 5px;
152 }
153
154 .msg-data[msg-type="HELLO"] {
155     background: #ffd000;
156     color: white;
157     -moz-border-radius: 5px 5px 5px 5px;
158     font-weight: bold;
159 }
160
161 .msg-data[msg-type="ERROR"] {
162     -moz-border-radius: 5px 5px 5px 5px;
163     background: #ff2600;
164     color: white;
165 }
166
167 .msg-data[msg-type="USAGE"] {
168     color: black;
169 }
170
171 .msg-data[msg-type="ACTION"] {
172     color: black;
173     font-style: italic;
174 }
175
176 .msg-data[msg-type="NICK"] {
177     color: #669da3;
178     font-weight: bold;
179 }
180
181 .msg-data[msg-type="NOTICE"] {
182     color: #ff6500;
183     font-weight: bold;
184 }
185
186 .msg-data[msg-type="MODE"] {
187     color: purple;
188 }
189
190 .msg-data[msg-type="KICK"] {
191     color: white;
192     background: #ff6500;
193     -moz-border-radius: 5px 5px 5px 5px;
194 }
195
196 /* important="true" means that the message has text from your /stalk list in
197  * it, has your nickname in it, or was spoken by someone in your /stalk list.
198  */
199 .msg-user[important="true"] {
200     -moz-border-radius: 5px 0px 0px 5px;
201     border-bottom: 1px black solid;
202     border-top: 1px lightslategrey solid;
203     border-left: 1px lightslategrey solid;
204     background: #d7ceea;
205 }
206
207 .msg-data[important="true"] {
208     -moz-border-radius: 0px 5px 5px 0px;
209     border-bottom: 1px black solid;
210     border-right: 1px black solid;
211     border-top: 1px lightslategrey solid;
212     background: #d7ceea;
213 }
214
215
216 /* :before and :after pseudoclasses form the decorations around nicknames.     */
217 .msg-user:before,
218 .msg-user:after {
219     color: #777499;
220 }
221
222 .msg-user[msg-user$="ME!"]:before,               /* the decoration around MY   */
223 .msg-user[msg-user$="ME!"]:after {               /* nick                       */
224     color: #843c6c;
225 }