sync both themes with toolkit windows theme changes in Mozilla 45-48 cycles
[themes.git] / LCARStrek / chatzilla / output-light.css
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/. */
4
5 /* 
6  *  a light background/dark text version of the output window.
7  *  see output-base.css for details. 
8  */
9
10 @import url("chrome://chatzilla/content/output-base.css");
11
12 body.chatzilla-body {               /* The topmost container in the ChatZilla */
13     background: white;              /* output window.                         */
14     color: #222222;    
15 }
16
17 a.chatzilla-link {
18     font-weight: bold;
19     color: #342ecc;
20 }
21
22 .header-outer {
23     background-color: #d1d0ea;
24 }
25
26 .header {
27     color: darkslategrey;
28     background-color: #EEEEEE;
29 /*    opacity: 0.9;*/
30     border: 1px #777499 solid;
31     border-radius: 7px;
32 }
33
34 #splash {
35     color: #DDDDDD;
36 }
37
38 #usr-descnodes,
39 #ch-topicnodes {
40     color: black;
41 }
42
43 .progress-fg {
44     background-color: darkslategrey;
45 }
46
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
63 .msg[msg-type="PRIVMSG"] .msg-data,
64 .msg[msg-type="ACTION"] .msg-data {
65     background-color: #F0F0F0;
66 }
67
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 {
80     font-weight: bold;
81     color: white;
82 }
83
84 .msg[msg-type="KICK"] .msg-data a.chatzilla-link {
85     color: #aa0d08;
86 }
87
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;
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: #686699;                         /* indicator                      */
117     font-weight: bold;
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  
126 .msg[mark="even"] .msg-data {               /* use even/odd marks to create a */
127     color: #555555;                         /* subtle brightness change when  */
128 }                                           /* the speaker changes.           */
129
130 .msg[msg-type="JOIN"] .msg-data,
131 .msg[msg-type="PART"] .msg-data {
132     color: #0e9e0e;
133     background-color: #c3f7c3; 
134     font-weight: bold;
135     border-radius: 5px 5px 5px 5px;
136     /*border: thin darkblue solid;*/
137 }
138
139 .msg[msg-type="QUIT"] .msg-data {
140     background: #fff196;
141     color: #ff8d02;
142     font-weight: bold;
143     border-radius: 5px 5px 5px 5px;
144 }
145
146 .msg[msg-type="HELLO"] .msg-data {
147     background: #1342a5;
148     color: white;
149     border-radius: 5px 5px 5px 5px;
150     font-weight: bold;
151 }
152
153 .msg[msg-type="ERROR"] .msg-data,
154 .msg[msg-type="DISCONNECT"] .msg-data {
155     border-radius: 5px 5px 5px 5px;
156     background: #a8221e;
157     color: white;
158 }
159
160 .msg[msg-type="USAGE"] .msg-data {
161     color: black;
162 }
163
164 .msg[msg-type="ACTION"] .msg-data {
165     color: black;
166     font-style: italic;
167 }
168
169 .msg[msg-type="NICK"] .msg-data {
170     color: #4e8387;
171     background-color: #d5e9ea;
172     font-weight: bold;
173 }
174
175 .msg[msg-type="NOTICE"] .msg-data {
176     color: #ae4141;
177     font-weight: bold;
178 }
179
180 .msg[msg-type="MODE"] .msg-data {
181     color: #2709ed;
182     font-weight: bold;
183 }
184
185 .msg[msg-type="KICK"] .msg-data {
186     color: #ff1a0a;
187     background: #ffdbcc;
188     font-weight: bold;
189     border-radius: 5px 5px 5px 5px;
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  */
195 .msg[important="true"] .msg-user {
196     background: #d4d8d4;
197     border-radius: 5px 0px 0px 5px;
198 }
199
200 .msg[important="true"] .msg-data {
201     background: #eaefeb;
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
211 .msg[msg-user$="ME!"] .msg-user:before,         /* the decoration around MY   */
212 .msg[msg-user$="ME!"] .msg-user:after {         /* nick                       */
213     color: #843c6c;
214 }