Commit | Line | Data |
---|---|---|
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/. */ | |
731b0901 | 4 | |
5 | /* | |
6 | * a light background/dark text version of the output window. | |
7 | * see output-base.css for details. | |
8 | */ | |
9 | ||
cc7585ee | 10 | @import url("chrome://chatzilla/content/output-base.css"); |
731b0901 | 11 | |
dc96f1d6 | 12 | .chatzilla-body { /* The topmost container in the ChatZilla */ |
731b0901 | 13 | background: white; /* output window. */ |
14 | color: #222222; | |
15 | } | |
16 | ||
17 | a.chatzilla-link { | |
cc7585ee RK |
18 | font-weight: bold; |
19 | color: #342ecc; | |
731b0901 | 20 | } |
21 | ||
a8dfd76f | 22 | .header-outer { |
23 | background-color: #d1d0ea; | |
24 | } | |
25 | ||
26 | .header { | |
27 | color: darkslategrey; | |
28 | background-color: #EEEEEE; | |
a8dfd76f | 29 | border: 1px #777499 solid; |
569543b3 | 30 | border-radius: 7px; |
a8dfd76f | 31 | } |
32 | ||
33 | #splash { | |
34 | color: #DDDDDD; | |
35 | } | |
36 | ||
37 | #usr-descnodes, | |
38 | #ch-topicnodes { | |
39 | color: black; | |
40 | } | |
41 | ||
cc7585ee RK |
42 | .progress-fg { |
43 | background-color: darkslategrey; | |
44 | } | |
45 | ||
a8dfd76f | 46 | [condition] { |
47 | font-weight: bold; | |
48 | } | |
49 | ||
50 | [condition="red"] { | |
51 | color: red; | |
52 | } | |
53 | ||
54 | [condition="yellow"] { | |
55 | color: orange; | |
56 | } | |
57 | ||
58 | [condition="green"] { | |
59 | color: #2ec908; | |
60 | } | |
61 | ||
cc7585ee RK |
62 | .msg[msg-type="PRIVMSG"] .msg-data, |
63 | .msg[msg-type="ACTION"] .msg-data { | |
64 | background-color: #F0F0F0; | |
65 | } | |
66 | ||
67 | .msg[msg-type="HELLO"] .msg-data a.chatzilla-link { | |
68 | color: #d7d9dd; | |
69 | } | |
70 | ||
71 | .msg[msg-type="JOIN"] .msg-data a.chatzilla-link, | |
72 | .msg[msg-type="PART"] .msg-data a.chatzilla-link { | |
73 | font-weight: bold; | |
74 | color: #11c411; | |
731b0901 | 75 | } |
76 | ||
cc7585ee RK |
77 | .msg[msg-type="ERROR"] .msg-data a.chatzilla-link, |
78 | .msg[msg-type="DISCONNECT"] .msg-data a.chatzilla-link { | |
731b0901 | 79 | font-weight: bold; |
80 | color: white; | |
81 | } | |
82 | ||
cc7585ee RK |
83 | .msg[msg-type="KICK"] .msg-data a.chatzilla-link { |
84 | color: #aa0d08; | |
731b0901 | 85 | } |
86 | ||
cc7585ee RK |
87 | .msg[msg-type="NOTICE"] .msg-data a.chatzilla-link { |
88 | color: #d64444; | |
89 | } | |
90 | ||
91 | .msg[msg-type="QUIT"] .msg-data a.chatzilla-link { | |
92 | color: #c46907; | |
731b0901 | 93 | } |
94 | ||
95 | .chatzilla-rheet { | |
96 | color: #e25e00 !important; | |
97 | } | |
98 | ||
99 | .chatzilla-highlight[name="Slate"] { | |
100 | color: black; | |
101 | background: #b8c4e0; | |
102 | } | |
103 | ||
104 | .chatzilla-highlight[name="Plum"] { | |
105 | color: black; | |
106 | background: #ddb8d0; | |
107 | } | |
108 | ||
109 | .chatzilla-highlight[name="Brown"] { | |
110 | color: black; | |
111 | background: #ffbf77; | |
112 | } | |
113 | ||
114 | .msg-type { /* .msg-type = message type */ | |
cc7585ee RK |
115 | color: #686699; /* indicator */ |
116 | font-weight: bold; | |
731b0901 | 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 | ||
cc7585ee | 125 | .msg[mark="even"] .msg-data { /* use even/odd marks to create a */ |
731b0901 | 126 | color: #555555; /* subtle brightness change when */ |
127 | } /* the speaker changes. */ | |
128 | ||
cc7585ee RK |
129 | .msg[msg-type="JOIN"] .msg-data, |
130 | .msg[msg-type="PART"] .msg-data { | |
131 | color: #0e9e0e; | |
132 | background-color: #c3f7c3; | |
731b0901 | 133 | font-weight: bold; |
569543b3 | 134 | border-radius: 5px 5px 5px 5px; |
731b0901 | 135 | } |
136 | ||
cc7585ee RK |
137 | .msg[msg-type="QUIT"] .msg-data { |
138 | background: #fff196; | |
139 | color: #ff8d02; | |
731b0901 | 140 | font-weight: bold; |
569543b3 | 141 | border-radius: 5px 5px 5px 5px; |
731b0901 | 142 | } |
143 | ||
cc7585ee RK |
144 | .msg[msg-type="HELLO"] .msg-data { |
145 | background: #1342a5; | |
731b0901 | 146 | color: white; |
569543b3 | 147 | border-radius: 5px 5px 5px 5px; |
731b0901 | 148 | font-weight: bold; |
149 | } | |
150 | ||
cc7585ee RK |
151 | .msg[msg-type="ERROR"] .msg-data, |
152 | .msg[msg-type="DISCONNECT"] .msg-data { | |
569543b3 | 153 | border-radius: 5px 5px 5px 5px; |
cc7585ee | 154 | background: #a8221e; |
731b0901 | 155 | color: white; |
156 | } | |
157 | ||
cc7585ee | 158 | .msg[msg-type="USAGE"] .msg-data { |
731b0901 | 159 | color: black; |
160 | } | |
161 | ||
cc7585ee | 162 | .msg[msg-type="ACTION"] .msg-data { |
731b0901 | 163 | color: black; |
164 | font-style: italic; | |
165 | } | |
166 | ||
cc7585ee RK |
167 | .msg[msg-type="NICK"] .msg-data { |
168 | color: #4e8387; | |
169 | background-color: #d5e9ea; | |
731b0901 | 170 | font-weight: bold; |
171 | } | |
172 | ||
cc7585ee RK |
173 | .msg[msg-type="NOTICE"] .msg-data { |
174 | color: #ae4141; | |
731b0901 | 175 | font-weight: bold; |
176 | } | |
177 | ||
cc7585ee RK |
178 | .msg[msg-type="MODE"] .msg-data { |
179 | color: #2709ed; | |
180 | font-weight: bold; | |
731b0901 | 181 | } |
182 | ||
cc7585ee RK |
183 | .msg[msg-type="KICK"] .msg-data { |
184 | color: #ff1a0a; | |
185 | background: #ffdbcc; | |
186 | font-weight: bold; | |
569543b3 | 187 | border-radius: 5px 5px 5px 5px; |
731b0901 | 188 | } |
189 | ||
190 | /* important="true" means that the message has text from your /stalk list in | |
191 | * it, has your nickname in it, or was spoken by someone in your /stalk list. | |
192 | */ | |
cc7585ee RK |
193 | .msg[important="true"] .msg-user { |
194 | background: #d4d8d4; | |
569543b3 | 195 | border-radius: 5px 0px 0px 5px; |
731b0901 | 196 | } |
197 | ||
cc7585ee RK |
198 | .msg[important="true"] .msg-data { |
199 | background: #eaefeb; | |
731b0901 | 200 | } |
201 | ||
202 | ||
203 | /* :before and :after pseudoclasses form the decorations around nicknames. */ | |
204 | .msg-user:before, | |
205 | .msg-user:after { | |
206 | color: #777499; | |
207 | } | |
208 | ||
cc7585ee RK |
209 | .msg[msg-user$="ME!"] .msg-user:before, /* the decoration around MY */ |
210 | .msg[msg-user$="ME!"] .msg-user:after { /* nick */ | |
731b0901 | 211 | color: #843c6c; |
212 | } |