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