start 2.10 dev cycles
[themes.git] / EarlyBlue / chatzilla / output-light.css
CommitLineData
10d7e614
RK
1/* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
9ca9f6bd 4
cc7585ee 5/*
9ca9f6bd 6 * a light background/dark text version of the output window.
cc7585ee 7 * see output-base.css for details.
9ca9f6bd 8 */
9
10@import url(chrome://chatzilla/content/output-base.css);
11
12body.chatzilla-body { /* The topmost container in the ChatZilla */
13 background: white; /* output window. */
cc7585ee 14 color: #222222;
9ca9f6bd 15}
16
17a.chatzilla-link {
cc7585ee
RK
18 font-weight: bold;
19 color: #342ecc;
9ca9f6bd 20}
21
88166091 22.header-outer {
23 background-color: #d1d0ea;
24}
25
26.header {
27 color: darkslategrey;
28 background-color: #EEEEEE;
cc7585ee 29/* opacity: 0.9;*/
88166091 30 border: 1px #777499 solid;
569543b3 31 border-radius: 7px;
88166091 32}
33
34#splash {
35 color: #DDDDDD;
36}
37
38#usr-descnodes,
39#ch-topicnodes {
40 color: black;
41}
42
cc7585ee
RK
43.progress-fg {
44 background-color: darkslategrey;
45}
46
88166091 47[condition] {
48 font-weight: bold;
49}
50
51[condition="red"] {
52 color: red;
53}
54
55[condition="yellow"] {
56 color: orange;
57}
58
59[condition="green"] {
60 color: #2ec908;
61}
62
cc7585ee
RK
63.msg[msg-type="PRIVMSG"] .msg-data,
64.msg[msg-type="ACTION"] .msg-data {
65 background-color: #F0F0F0;
9ca9f6bd 66}
67
cc7585ee
RK
68.msg[msg-type="HELLO"] .msg-data a.chatzilla-link {
69 color: #d7d9dd;
70}
71
72.msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
73.msg[msg-type="PART"] .msg-data a.chatzilla-link {
74 font-weight: bold;
75 color: #11c411;
76}
77
78.msg[msg-type="ERROR"] .msg-data a.chatzilla-link,
79.msg[msg-type="DISCONNECT"] .msg-data a.chatzilla-link {
9ca9f6bd 80 font-weight: bold;
81 color: white;
82}
83
cc7585ee
RK
84.msg[msg-type="KICK"] .msg-data a.chatzilla-link {
85 color: #aa0d08;
9ca9f6bd 86}
87
cc7585ee
RK
88.msg[msg-type="NOTICE"] .msg-data a.chatzilla-link {
89 color: #d64444;
90}
91
92.msg[msg-type="QUIT"] .msg-data a.chatzilla-link {
93 color: #c46907;
9ca9f6bd 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 */
cc7585ee
RK
116 color: #686699; /* indicator */
117 font-weight: bold;
9ca9f6bd 118}
119
120.msg-user a.chatzilla-link,
121.msg-user { /* msg-user = nickname portion of */
122 color: black !important; /* a message (channel and query */
123 font-weight: bold; /* views) */
124}
125
cc7585ee 126.msg[mark="even"] .msg-data { /* use even/odd marks to create a */
9ca9f6bd 127 color: #555555; /* subtle brightness change when */
128} /* the speaker changes. */
129
cc7585ee
RK
130.msg[msg-type="JOIN"] .msg-data,
131.msg[msg-type="PART"] .msg-data {
132 color: #0e9e0e;
133 background-color: #c3f7c3;
9ca9f6bd 134 font-weight: bold;
569543b3 135 border-radius: 5px 5px 5px 5px;
9ca9f6bd 136 /*border: thin darkblue solid;*/
137}
138
cc7585ee
RK
139.msg[msg-type="QUIT"] .msg-data {
140 background: #fff196;
141 color: #ff8d02;
9ca9f6bd 142 font-weight: bold;
569543b3 143 border-radius: 5px 5px 5px 5px;
9ca9f6bd 144}
145
cc7585ee
RK
146.msg[msg-type="HELLO"] .msg-data {
147 background: #1342a5;
9ca9f6bd 148 color: white;
569543b3 149 border-radius: 5px 5px 5px 5px;
9ca9f6bd 150 font-weight: bold;
151}
152
cc7585ee
RK
153.msg[msg-type="ERROR"] .msg-data,
154.msg[msg-type="DISCONNECT"] .msg-data {
569543b3 155 border-radius: 5px 5px 5px 5px;
cc7585ee 156 background: #a8221e;
9ca9f6bd 157 color: white;
158}
159
cc7585ee 160.msg[msg-type="USAGE"] .msg-data {
9ca9f6bd 161 color: black;
162}
163
cc7585ee 164.msg[msg-type="ACTION"] .msg-data {
9ca9f6bd 165 color: black;
166 font-style: italic;
167}
168
cc7585ee
RK
169.msg[msg-type="NICK"] .msg-data {
170 color: #4e8387;
171 background-color: #d5e9ea;
9ca9f6bd 172 font-weight: bold;
173}
174
cc7585ee
RK
175.msg[msg-type="NOTICE"] .msg-data {
176 color: #ae4141;
9ca9f6bd 177 font-weight: bold;
178}
179
cc7585ee
RK
180.msg[msg-type="MODE"] .msg-data {
181 color: #2709ed;
182 font-weight: bold;
9ca9f6bd 183}
184
cc7585ee
RK
185.msg[msg-type="KICK"] .msg-data {
186 color: #ff1a0a;
187 background: #ffdbcc;
188 font-weight: bold;
569543b3 189 border-radius: 5px 5px 5px 5px;
9ca9f6bd 190}
191
192/* important="true" means that the message has text from your /stalk list in
193 * it, has your nickname in it, or was spoken by someone in your /stalk list.
194 */
cc7585ee
RK
195.msg[important="true"] .msg-user {
196 background: #d4d8d4;
569543b3 197 border-radius: 5px 0px 0px 5px;
9ca9f6bd 198}
199
cc7585ee
RK
200.msg[important="true"] .msg-data {
201 background: #eaefeb;
9ca9f6bd 202}
203
204
205/* :before and :after pseudoclasses form the decorations around nicknames. */
206.msg-user:before,
207.msg-user:after {
208 color: #777499;
209}
210
cc7585ee
RK
211.msg[msg-user$="ME!"] .msg-user:before, /* the decoration around MY */
212.msg[msg-user$="ME!"] .msg-user:after { /* nick */
9ca9f6bd 213 color: #843c6c;
214}