tweaks for making devtools look nicer
[themes.git] / LCARStrek / chatzilla / chatzilla.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 @import url("chrome://communicator/skin/");
6
7 window {
8   width: 640px;
9   height: 480px;
10 }
11
12 #menu-view-none {
13   display: none;
14 }
15
16 #tabpanels-contents-box {
17   margin: 3px 0;
18 }
19
20 #header-url:hover {
21   text-decoration: underline;
22 }
23
24 #outer-box {
25   margin: 5px;
26 }
27
28 .toolbarbutton-menu-dropmarker {
29   margin-left: 0.5em;
30 }
31
32 #input-widget,
33 #input-widget-multiline {
34   border-radius: 5px;
35   border: 1px solid #9C9CFF;
36 }
37
38 #button-multiline-expand {
39   list-style-image:url("chrome://chatzilla/skin/images/multiline-expand.png");
40 }
41
42 #button-multiline-contract {
43   list-style-image:url("chrome://chatzilla/skin/images/multiline-contract.png");
44 }
45
46 #button-input {
47   list-style-image:url("chrome://chatzilla/skin/images/input-send.png");
48 }
49
50 .highlight-menu-item:hover {
51   color: #000000 !important;
52   background: #008484 !important;
53 }
54
55 #view-tabs {
56   overflow: hidden;
57 }
58
59 #views-tbar-spacer {
60   -moz-box-flex: 10000;
61 }
62
63 #tabs-drop-indicator-bar {
64   position: relative;
65   margin-top: -3px;
66   -moz-margin-start: -5px;
67   height: 3px;
68 }
69
70 #tabs-drop-indicator {
71   position: relative;
72   margin-bottom: -8px;
73   width: 11px;
74   height: 11px;
75   background: url("chrome://chatzilla/skin/images/drop-indicator-bottom.png") 50% 50% no-repeat;
76 }
77
78 .view-button {
79   /* do NOT set colour, at least not without background. :) */
80   text-align: center;
81   max-width: 30ex;
82   -moz-box-flex: 1;
83 }
84
85 .view-button[state="current"] {
86   font-weight: bold;
87 }
88
89 .view-button[state="superfluous"] {
90   color: #E7ADE7;
91 }
92
93 .view-button[state="activity"] {
94   color: #FFCF00;
95 }
96
97 .view-button[state="attention"] {
98   color: red;
99 }
100
101 .view-button:hover {
102   color: #000000;
103 }
104
105 .output-container {
106   border-radius: 5px;
107   border: 1px solid #9C9CFF;
108 }
109
110 treecol { 
111   border: none;
112 }
113
114 /* we need to define both the : and :: versions of the treechildren selector
115  *  so that we work on both 1.5 and pre 1.5 builds.
116  *
117  * The userlist can be in one of two state.  In "symbol", the user's
118  * channel mode is shown as a @ or + image, while in "graphic" mode, the
119  * image is one of the LED images.
120  */
121
122 /* no mode */
123 treechildren::-moz-tree-image {
124   list-style-image: url("chrome://chatzilla/skin/images/no-symbol.png");
125 }
126
127 #user-list[mode="graphic"] treechildren::-moz-tree-image {
128   list-style-image: url("chrome://chatzilla/skin/images/no-graphic.png");
129 }
130
131 /* voice */
132 treechildren::-moz-tree-image(voice-true) {
133   list-style-image: url("chrome://chatzilla/skin/images/voice-symbol.png");
134 }
135
136 #user-list[mode="graphic"] treechildren::-moz-tree-image(voice-true) {
137   list-style-image: url("chrome://chatzilla/skin/images/voice-graphic.png");
138 }
139
140 /* half-chanop */
141 treechildren::-moz-tree-image(halfop-true) {
142   list-style-image: url("chrome://chatzilla/skin/images/halfop-symbol.png");
143 }
144
145 #user-list[mode="graphic"] treechildren::-moz-tree-image(halfop-true) {
146   list-style-image: url("chrome://chatzilla/skin/images/halfop-graphic.png");
147 }
148
149 /* chanop */
150 treechildren::-moz-tree-image(op-true) {
151   list-style-image: url("chrome://chatzilla/skin/images/op-symbol.png");
152 }
153
154 #user-list[mode="graphic"] treechildren::-moz-tree-image(op-true) {
155   list-style-image: url("chrome://chatzilla/skin/images/op-graphic.png");
156 }
157
158 /* admin */
159 treechildren::-moz-tree-image(admin-true) {
160   list-style-image: url("chrome://chatzilla/skin/images/admin-symbol.png");
161 }
162
163 #user-list[mode="graphic"] treechildren::-moz-tree-image(admin-true) {
164   list-style-image: url("chrome://chatzilla/skin/images/admin-graphic.png");
165 }
166
167 /* founder */
168 treechildren::-moz-tree-image(founder-true) {
169   list-style-image: url("chrome://chatzilla/skin/images/founder-symbol.png");
170 }
171
172 #user-list[mode="graphic"] treechildren::-moz-tree-image(founder-true) {
173   list-style-image: url("chrome://chatzilla/skin/images/founder-graphic.png");
174 }
175
176 /* away */
177 treechildren::-moz-tree-cell-text(away-true) {
178   color: #8050B0;
179   font-style: italic;
180 }
181
182 treechildren::-moz-tree-cell-text(away-false) {
183 }
184
185 menuitem[header="true"] {
186   text-align: center;
187 }
188
189 .colorGrid
190 {
191   width: 24px;
192   height: 16px;
193   border: 1px solid #9C9CFF;
194   -moz-box-align: center;
195   -moz-box-pack: center;
196 }
197
198 #colorTooltip
199 {
200   padding: 0px;
201   -moz-box-align: center;
202   -moz-box-pack: center;
203 }
204
205 /* Feel the hacks. */
206 progressmeter[mode="undetermined"] {
207   -moz-appearance: none;
208 }
209
210 [dir="ltr"] {
211   direction: ltr;
212 }
213
214 [dir="rtl"] {
215   direction: rtl;
216 }
217
218 /* Hack; Stop the status-bar from distorting without a security icon */
219 #status-text {
220   min-height: 17px;
221 }
222
223 #status-text[notice="true"] {
224   font-weight: bold;
225 }
226
227 #security-button {
228   min-width: 20px;
229 }
230
231 #security-button:not([level="high"]):not([level="broken"]) {
232   display: none;
233 }
234
235 #security-button[level="high"] > image {
236   list-style-image: url("chrome://communicator/skin/icons/lock-secure.gif");
237 }
238
239 #security-button[level="broken"] > image {
240   list-style-image: url("chrome://communicator/skin/icons/lock-broken.gif");
241 }
242
243 /* prevent margins of a value-less label from shifting the image */
244 #security-button > label:not([value]) {
245   display: none;
246 }
247
248 #offline-status[offlinestate="offline"] {
249   list-style-image: url("chrome://communicator/skin/icons/offline.gif");
250 }
251
252 #offline-status[offlinestate="online"] {
253   list-style-image: url("chrome://communicator/skin/icons/online.gif");
254 }
255
256 /* Focus styling for a11y reasons */
257 #user-list-box[focusobvious="true"], #browser-box[focusobvious="true"],
258 #multiline-hug-box[focusobvious="true"], #singleline-hug-box[focusobvious="true"] {
259   border-color: highlight !important;
260 }
261
262 /* Not setting a right border so the scrollbar remains on the window edge. */
263 #browser-box:last-child, #user-list-box:last-child {
264   border-left: 2px solid transparent;
265   border-top: 2px solid transparent;
266   border-bottom: 2px solid transparent;
267 }
268
269 #user-list-box:first-child, #browser-box:first-child {
270   border-right: 2px solid transparent;
271   border-top: 2px solid transparent;
272   border-bottom: 2px solid transparent;
273 }
274
275 #singleline-hug-box, #multiline-hug-box {
276   border-right: 2px solid transparent;
277   border-left: 2px solid transparent;
278   border-top: 2px solid transparent;
279 }