sync with Classic in preparation for a 1.8a release
[themes.git] / EarlyBlue / chatzilla / chatzilla.css
1 /*
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 Mozilla JSIRC Library.
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  *  Robert Kaiser, KaiRo@KaiRo.at, skinning
22  * 
23  * Styles for UI, See output-default.css for output window styles
24  *
25  */
26
27 @import url(chrome://communicator/skin/);
28
29 window {
30   width: 640px;
31   height: 480px;
32 }
33
34 #menu-view-none {
35   display: none;
36 }
37
38 #tabpanels-contents-box {
39   margin: 3px;
40 }
41
42 #header-url:hover {
43   text-decoration: underline;
44 }
45
46 #outer-box {
47 /*  margin: 5px; */
48   margin-left: 2px;
49   margin-bottom: 2px;
50 }
51
52 #main-splitter {
53   min-width: 6px;
54   border: none;
55 }
56
57 #header-bar-tbar {
58   border-bottom: none;
59 }
60
61 #input-widget,
62 #input-widget-multiline {
63   border: 1px inset #CCD0DD;
64 }
65
66 .highlight-menu-item:hover {
67   color: #000000 !important;
68   background: #336699 !important;
69 }
70
71 .view-button {
72   /* do NOT set color, at least not without background. :) */
73 }
74
75 .view-button[state="current"] {
76   font-weight: bold;
77 }
78
79 .view-button[state="superfluous"] {
80   color: #666699;
81 }
82
83 .view-button[state="activity"] {
84   color: #336699;
85 }
86
87 .view-button[state="attention"] {
88   color: red;
89 }
90
91 /* spaces after the 4th and 8th tab, so you can line them up with your Fn
92  * keys */
93 .view-button[viewKey="4"],
94 .view-button[viewKey="8"] {
95   margin-left: 5px;
96 }
97
98 .header-box, .usercount-data {
99   padding-top: 2px;
100   padding-bottom: 2px;
101   padding-right: 10px;
102 }
103
104 #user-list {
105   margin: 0px;
106 }
107
108 #server-nick {
109   padding-top: 5px;
110 }
111
112 .header-label {
113   font-weight: bold;
114   text-align: right;
115   margin-left: 10px;
116 }
117
118 .header-data {
119   text-align: left;
120   margin-left: 5px;
121 }
122
123 #channel-topic {
124   cursor: default;
125 }
126
127 #channel-topic[editable="true"] {
128   cursor: text;
129 }
130
131 .output-container {
132   border: 1px inset #CCD0DD;
133 }
134
135 treecol {
136   border: none;
137 }
138
139 treechildren::-moz-tree-cell-text {
140   padding-top: 1px;
141 }
142
143 /* The userlist can be in one of two state.  In "symbol", the user's
144  * channel mode is shown as a @ or + image, while in "graphic" mode, the
145  * image is one of the LED images.
146  */
147
148 /* no mode */
149 treechildren::-moz-tree-image {
150   list-style-image: url(chrome://chatzilla/skin/images/no-symbol.gif);
151   margin-right: 3px;
152 }
153
154 #user-list[mode="graphic"] treechildren::-moz-tree-image {
155   list-style-image: url(chrome://chatzilla/skin/images/no-graphic.gif);
156 }
157
158 /* voice */
159 treechildren::-moz-tree-image(voice-true) {
160   list-style-image: url(chrome://chatzilla/skin/images/voice-symbol.gif);
161 }
162
163 #user-list[mode="graphic"] treechildren::-moz-tree-image(voice-true) {
164   list-style-image: url(chrome://chatzilla/skin/images/voice-graphic.gif);
165 }
166
167 /* half-chanop */
168 treechildren::-moz-tree-image(halfop-true) {
169   list-style-image: url(chrome://chatzilla/skin/images/halfop-symbol.gif);
170 }
171
172 #user-list[mode="graphic"] treechildren::-moz-tree-image(halfop-true) {
173   list-style-image: url(chrome://chatzilla/skin/images/halfop-graphic.gif);
174 }
175
176 /* chanop */
177 treechildren::-moz-tree-image(op-true) {
178   list-style-image: url(chrome://chatzilla/skin/images/op-symbol.gif);
179 }
180
181 #user-list[mode="graphic"] treechildren::-moz-tree-image(op-true) {
182   list-style-image: url(chrome://chatzilla/skin/images/op-graphic.gif);
183 }
184
185 .colorGrid {
186   width: 24px;
187   height: 16px;
188   border: 1px solid black;
189   -moz-box-align: center;
190   -moz-box-pack: center;
191 }
192
193 #colorTooltip {
194   padding: 0px;
195   -moz-box-align: center;
196   -moz-box-pack: center;
197 }