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/. */
5 @import url("chrome://communicator/skin/");
17 text-decoration: underline;
24 .toolbarbutton-menu-dropmarker {
29 #input-widget-multiline {
30 border: 1px inset #CCD0DD;
33 #button-multiline-expand {
34 list-style-image:url("chrome://chatzilla/skin/images/multiline-expand.png");
37 #button-multiline-contract {
38 list-style-image:url("chrome://chatzilla/skin/images/multiline-contract.png");
42 list-style-image:url("chrome://chatzilla/skin/images/input-send.png");
45 .highlight-menu-item:hover {
46 color: #000000 !important;
47 background: #336699 !important;
62 #tabs-drop-indicator-bar {
65 -moz-margin-start: -5px;
69 #tabs-drop-indicator {
74 background: url("chrome://chatzilla/skin/images/drop-indicator-bottom.png") 50% 50% no-repeat;
78 /* Box model is 5px 5px 5px 6px in aggregate. Extra pixel on the left is for the separator. */
79 -moz-appearance: none;
82 /* border-left: 1px solid ButtonShadow;*/
93 -moz-box-orient: vertical;
94 -moz-box-align: stretch;
97 .view-button:first-child {
98 border-left-color: transparent;
101 .view-button::before {
104 margin: -5px -5px 0 -5px;
108 .view-button[state="superfluous"]::before {
109 background-color: #666699;
112 .view-button[state="activity"]::before {
113 background-color: #336699;
116 .view-button[state="attention"]::before {
117 background-color: red;
121 .view-button[state="current"] {
124 border-radius: 0 0 6px 6px;
132 .view-button[state="current"] + .view-button,
133 .view-button:hover + .view-button:not([state="current"]) {
134 border-left-color: transparent;
137 .view-button[state="current"] {
138 position: relative; /* So it visually appears above the tabs either side. */
139 /* border: 2px solid ButtonShadow;*/
141 padding: 5px 3px 3px 3px;
148 /* we need to define both the : and :: versions of the treechildren selector
149 * so that we work on both 1.5 and pre 1.5 builds.
151 * The userlist can be in one of two state. In "symbol", the user's
152 * channel mode is shown as a @ or + image, while in "graphic" mode, the
153 * image is one of the LED images.
157 treechildren::-moz-tree-image {
158 list-style-image: url("chrome://chatzilla/skin/images/no-symbol.png");
161 #user-list[mode="graphic"] treechildren::-moz-tree-image {
162 list-style-image: url("chrome://chatzilla/skin/images/no-graphic.png");
166 treechildren::-moz-tree-image(voice-true) {
167 list-style-image: url("chrome://chatzilla/skin/images/voice-symbol.png");
170 #user-list[mode="graphic"] treechildren::-moz-tree-image(voice-true) {
171 list-style-image: url("chrome://chatzilla/skin/images/voice-graphic.png");
175 treechildren::-moz-tree-image(halfop-true) {
176 list-style-image: url("chrome://chatzilla/skin/images/halfop-symbol.png");
179 #user-list[mode="graphic"] treechildren::-moz-tree-image(halfop-true) {
180 list-style-image: url("chrome://chatzilla/skin/images/halfop-graphic.png");
184 treechildren::-moz-tree-image(op-true) {
185 list-style-image: url("chrome://chatzilla/skin/images/op-symbol.png");
188 #user-list[mode="graphic"] treechildren::-moz-tree-image(op-true) {
189 list-style-image: url("chrome://chatzilla/skin/images/op-graphic.png");
193 treechildren::-moz-tree-image(admin-true) {
194 list-style-image: url("chrome://chatzilla/skin/images/admin-symbol.png");
197 #user-list[mode="graphic"] treechildren::-moz-tree-image(admin-true) {
198 list-style-image: url("chrome://chatzilla/skin/images/admin-graphic.png");
202 treechildren::-moz-tree-image(founder-true) {
203 list-style-image: url("chrome://chatzilla/skin/images/founder-symbol.png");
206 #user-list[mode="graphic"] treechildren::-moz-tree-image(founder-true) {
207 list-style-image: url("chrome://chatzilla/skin/images/founder-graphic.png");
211 treechildren::-moz-tree-cell-text(away-true) {
216 treechildren::-moz-tree-cell-text(away-false) {
219 menuitem[header="true"] {
227 border: 1px solid #000000;
228 -moz-box-align: center;
229 -moz-box-pack: center;
235 -moz-box-align: center;
236 -moz-box-pack: center;
239 /* Feel the hacks. */
240 progressmeter[mode="undetermined"] {
241 -moz-appearance: none;
260 #server-nick, #button-multiline-expand, #button-input, #button-multiline-contract {
264 #input, #multiline-input {
268 /* Hack; Stop the status-bar from distorting without a security icon */
273 #status-text[notice="true"] {
281 #security-button:not([level="high"]):not([level="broken"]) {
285 #security-button[level="high"] > image {
286 list-style-image: url("chrome://communicator/skin/icons/lock-secure.gif");
289 #security-button[level="broken"] > image {
290 list-style-image: url("chrome://communicator/skin/icons/lock-broken.gif");
293 /* prevent margins of a value-less label from shifting the image */
294 #security-button > label:not([value]) {
298 #alert-status[alertstate="off"] {
299 list-style-image: url("chrome://chatzilla/skin/images/spbubble-off.png");
302 #alert-status[alertstate="on"] {
303 list-style-image: url("chrome://chatzilla/skin/images/spbubble-on.png");
306 #logging-status[loggingstate="off"] {
307 list-style-image: url("chrome://chatzilla/skin/images/logging-off.png");
310 #logging-status[loggingstate="on"] {
311 list-style-image: url("chrome://chatzilla/skin/images/logging-on.png");
314 #offline-status[offlinestate="offline"] {
315 list-style-image: url("chrome://communicator/skin/icons/offline.gif");
318 #offline-status[offlinestate="online"] {
319 list-style-image: url("chrome://communicator/skin/icons/online.gif");
322 /* Focus styling for a11y reasons */
323 #user-list-box[focusobvious="true"], #browser-box[focusobvious="true"],
324 #multiline-hug-box[focusobvious="true"], #singleline-hug-box[focusobvious="true"] {
325 outline: 2px solid #336699;