improve positioning of plugin icons
[themes.git] / EarlyBlue / chatzilla / output-dark.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 dark background/light 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: black;              /* output window. */
14     color: lightgrey;    
15 }
16
17 a.chatzilla-link {
18     color: #336699;
19 }
20
21 a.chatzilla-link:visited {
22     color: #666699;
23 }
24
25 .header-outer {
26     background-color: black;
27 }
28
29 .header {
30     color: lightslategrey;
31     background-color: #333333;
32 /*    opacity: 0.9;  causes memory leak? */
33     border-radius: 7px;
34 }
35
36 .progress-fg {
37     background-color: silver;
38 }
39
40 .value {
41     color: silver;
42 }
43
44 /* Style userlist as white-on-black. */
45 treechildren {
46     background: black;
47     color: white;
48 }
49
50 /* For Mac, who's theme sucks. */
51 treechildren::-moz-tree-row(unselected),
52 treechildren::-moz-tree-cell(unselected),
53 treechildren::-moz-tree-cell-text(unselected) {
54     border-color: black !important;
55     background: black !important;
56     color: white !important;
57 }
58
59 #splash {
60     color: #444444;
61 }
62
63 #usr-descnodes,
64 #ch-topicnodes {
65     color: white;
66 }
67
68 [condition] {
69     font-weight: bold;
70 }
71
72 [condition="red"] {
73     color: red;
74 }
75
76 [condition="yellow"] {
77     color: yellow;
78 }
79
80 [condition="green"] {
81     color: lightgreen;
82 }
83
84 .msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
85 .msg[msg-type="PART"] .msg-data a.chatzilla-link {
86     color: lightcyan;
87 }
88
89 .msg[msg-type="KICK"] .msg-data a.chatzilla-link {
90     color: #ff5700;
91 }
92
93 .chatzilla-rheet {
94     color: magenta !important;
95 }
96
97 .chatzilla-highlight[name="Slate"] {
98     color: white;
99     background: #15272d;
100 }
101
102 .chatzilla-highlight[name="Plum"] {
103     color: white;
104     background: #442144;
105 }
106
107 .chatzilla-highlight[name="Brown"] {
108     color: white;
109     background: #562a14;
110 }
111
112 .msg-type {                                 /* .msg-type = message type       */
113     color: silver;                          /* indicator                      */
114 }
115
116 .msg-user a.chatzilla-link,
117 .msg-user {                                 /* msg-user = nickname portion of */
118     color: white !important;                /* a message (channel and query   */
119 }                                           /* views)                         */
120
121 .msg[mark="even"] .msg-data {                    /* use even/odd marks to create a */
122     color: white;                           /* subtle brightness change when  */
123 }                                           /* the speaker changes.           */
124
125 .msg[msg-type="JOIN"] .msg-data,
126 .msg[msg-type="PART"] .msg-data {
127     color: lightblue;
128 }
129
130 .msg[msg-type="PART"] .msg-data {
131     color: lightblue;
132 }
133
134 .msg[msg-type="HELLO"] .msg-data {
135     color: yellow;
136 }
137
138 .msg[msg-type="ERROR"] .msg-data,
139 .msg[msg-type="DISCONNECT"] .msg-data {
140     background: red;
141     color: white;
142 }
143
144 .msg[msg-type="USAGE"] .msg-data {
145     color: white;
146 }
147
148 .msg[msg-type="ACTION"] .msg-data {
149     color: #6ac9ee;
150 }
151
152 .msg[msg-type="NICK"] .msg-data {
153     color: #96fa94;
154 }
155
156 .msg[msg-type="NOTICE"] .msg-data,
157 .msg[msg-type="MODE"] .msg-data {
158     color: #60e066;
159 }
160
161 .msg[msg-type="NOTICE"] .msg-data a.chatzilla-link,
162 .msg[msg-type="MODE"] .msg-data a.chatzilla-link {
163     color: #6dff74;
164 }
165
166 .msg[msg-type="KICK"] .msg-data {
167     color: #d85d24;
168 }
169
170 .msg[msg-type="QUIT"] .msg-data {
171     color: #f7b183;
172 }
173
174 /* important="true" means that the message has text from your /stalk list in
175  * it, has your nickname in it, or was spoken by someone in your /stalk list.
176  */
177 .msg[important="true"] .msg-user,
178 .msg[important="true"] .msg-data {
179     background: #333333 !important;
180 }
181
182 .msg-user:before,
183 .msg-user:after {
184     color: blue;
185 }
186
187 .msg[msg-user$="ME!"] .msg-user:before,
188 .msg[msg-user$="ME!"] .msg-user:after {
189     color: #6afc73;
190 }
191
192 .msg[msg-type="ACTION"] .msg-user:before,
193 .msg[msg-type="ACTION"] .msg-user:after {
194     color: cyan;
195 }
196
197 .msg[msg-type="NOTICE"] .msg-user:before,
198 .msg[msg-type="NOTICE"] .msg-user:after {
199     color: #6afc73;
200 }
201
202 /* private messages *not* in a query window */
203 .msg[dest-type="IRCUser"] .msg-user:before,
204 .msg[dest-type="IRCUser"] .msg-user:after {
205     color: #6afc73;
206 }
207
208 .msg[msg-dest$="ME!"] .msg-user:before,
209 .msg[msg-dest$="ME!"] .msg-user:after {
210     color: magenta;
211 }
212
213 /* private messages in a query window */
214 .msg[view-type="IRCUser"] .msg-user:before,
215 .msg[view-type="IRCUser"] .msg-user:after {
216     color: white;
217 }
218
219 .msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:before,
220 .msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:after {
221     color: #6afc73;
222 }