adjust for new versions
[themes.git] / LCARStrek / navigator / navigator.css
CommitLineData
9099c61d
RK
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/. */
351107c9 4
3d6dd546 5/** Contains style definitions for the navigator application
351107c9 6 **/
7
b1eaa419 8@import url("chrome://navigator/content/navigator.css");
9@import url("chrome://communicator/skin/");
b1eaa419 10@import url("chrome://communicator/skin/bookmarks/bookmarksToolbar.css");
351107c9 11
12@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
13
b1eaa419 14/* ::::: primary toolbar buttons ::::: */
351107c9 15
b1eaa419 16#back-button {
e10e7add
RK
17 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
18 -moz-image-region: rect(42px 25px 63px 0px);
b1eaa419 19}
351107c9 20
c710949d
RK
21#back-button[disabled="true"] {
22 -moz-image-region: rect(42px 50px 63px 25px);
b1eaa419 23}
24
c710949d
RK
25#back-button:not([disabled="true"]):hover,
26#back-button:not([disabled="true"]):hover:active,
27#back-button[open="true"] {
28 -moz-image-region: rect(42px 75px 63px 50px);
b1eaa419 29}
30
31#forward-button {
e10e7add
RK
32 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
33 -moz-image-region: rect(63px 25px 84px 0px);
b1eaa419 34}
351107c9 35
c710949d
RK
36#forward-button[disabled="true"] {
37 -moz-image-region: rect(63px 50px 84px 25px);
b1eaa419 38}
351107c9 39
c710949d
RK
40#forward-button:not([disabled="true"]):hover,
41#forward-button:not([disabled="true"]):hover:active,
42#forward-button[open="true"] {
43 -moz-image-region: rect(63px 75px 84px 50px);
b1eaa419 44}
45
46#reload-button {
c710949d
RK
47 list-style-image: url("chrome://navigator/skin/icons/navigatoricons.png");
48 -moz-image-region: rect(0px 25px 21px 0px);
b1eaa419 49}
351107c9 50
c710949d
RK
51#reload-button[disabled="true"] {
52 -moz-image-region: rect(0px 50px 21px 25px);
b1eaa419 53}
54
c710949d
RK
55#reload-button:not([disabled="true"]):hover,
56#reload-button:not([disabled="true"]):hover:active {
57 -moz-image-region: rect(0px 75px 21px 50px);
b1eaa419 58}
59
60#stop-button {
e10e7add
RK
61 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
62 -moz-image-region: rect(21px 25px 42px 0px);
b1eaa419 63}
351107c9 64
c710949d
RK
65#stop-button[disabled="true"] {
66 -moz-image-region: rect(21px 50px 42px 25px);
3d6dd546 67}
351107c9 68
c710949d
RK
69#stop-button:not([disabled="true"]):hover,
70#stop-button:not([disabled="true"]):hover:active {
71 -moz-image-region: rect(21px 75px 42px 50px);
3d6dd546 72}
b1eaa419 73
0ef1663c
RK
74#home-button {
75 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
76 -moz-image-region: rect(84px 25px 105px 0px);
77}
78
79#home-button[disabled="true"] {
80 -moz-image-region: rect(84px 50px 105px 25px);
81}
82
83#home-button:not([disabled="true"]):hover,
84#home-button:not([disabled="true"]):hover:active {
85 -moz-image-region: rect(84px 75px 105px 50px);
86}
87
c2e1f790
RK
88#sync-button {
89 list-style-image: url("chrome://communicator/skin/sync/sync-32.png");
90}
91
92#sync-button[status=active] {
93 list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png");
94}
95
b1e5c9b1 96#clear-button {
97 list-style-image: url("chrome://global/skin/icons/close-button.gif");
98}
99
61290d60 100#clear-button:hover {
101 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
102}
103
80916bc4 104/* ::::: small primary toolbar buttons ::::: */
105
0ef1663c
RK
106toolbar[iconsize="small"] > #back-button {
107 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
108 -moz-image-region: rect(32px 16px 48px 0);
109}
110
111toolbar[iconsize="small"] > #back-button[disabled="true"] {
112 -moz-image-region: rect(32px 32px 48px 16px) !important;
113}
114
115toolbar[iconsize="small"] > #back-button:not([disabled="true"]):hover,
116toolbar[iconsize="small"] > #back-button:not([disabled="true"]):hover:active {
117 -moz-image-region: rect(32px 48px 48px 32px);
118}
119
120toolbar[iconsize="small"] > #forward-button {
121 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
122 -moz-image-region: rect(48px 16px 64px 0);
123}
124
125toolbar[iconsize="small"] > #forward-button[disabled="true"] {
126 -moz-image-region: rect(48px 32px 64px 16px) !important;
127}
128
129toolbar[iconsize="small"] > #forward-button:not([disabled="true"]):hover,
130toolbar[iconsize="small"] > #forward-button:not([disabled="true"]):hover:active {
131 -moz-image-region: rect(48px 48px 64px 32px);
132}
133
134toolbar[iconsize="small"] > #reload-button {
135 list-style-image: url("chrome://navigator/skin/icons/navigatoricons-small.png");
136 -moz-image-region: rect(0 16px 16px 0);
137}
138
139toolbar[iconsize="small"] > #reload-button[disabled="true"] {
140 -moz-image-region: rect(0 32px 16px 16px) !important;
141}
142
143toolbar[iconsize="small"] > #reload-button:not([disabled="true"]):hover,
144toolbar[iconsize="small"] > #reload-button:not([disabled="true"]):hover:active {
145 -moz-image-region: rect(0 48px 16px 32px);
146}
147
148toolbar[iconsize="small"] > #stop-button {
149 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
150 -moz-image-region: rect(16px 16px 32px 0);
151}
152
153toolbar[iconsize="small"] > #stop-button[disabled="true"] {
154 -moz-image-region: rect(16px 32px 32px 16px) !important;
155}
156
157toolbar[iconsize="small"] > #stop-button:not([disabled="true"]):hover,
158toolbar[iconsize="small"] > #stop-button:not([disabled="true"]):hover:active {
159 -moz-image-region: rect(16px 48px 32px 32px);
160}
161
0ef1663c
RK
162toolbar[iconsize="small"] > #home-button {
163 list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
164 -moz-image-region: rect(64px 16px 80px 0);
165}
166
167toolbar[iconsize="small"] > #home-button[disabled="true"] {
168 -moz-image-region: rect(64px 32px 80px 16px) !important;
169}
170
171toolbar[iconsize="small"] > #home-button:not([disabled="true"]):hover,
172toolbar[iconsize="small"] > #home-button:not([disabled="true"]):hover:active {
173 -moz-image-region: rect(64px 48px 80px 32px);
174}
175
c2e1f790
RK
176toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button,
177toolbar[iconsize="small"] > #sync-button {
178 list-style-image: url("chrome://communicator/skin/sync/sync-16.png");
179}
180
181toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active],
182toolbar[iconsize="small"] > #sync-button[status=active] {
183 list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png");
184}
185
f1b199d6
RK
186#FindToolbar:-moz-lwtheme {
187/* -moz-border-top-colors: transparent;
188 -moz-border-bottom-colors: transparent; */
189}
190
80916bc4 191/* ::::: fullscreen window controls ::::: */
192
193#window-controls {
194 -moz-box-align: center;
862a6f44 195 padding: 0 1px;
e20d243c 196 border-left: 3px solid #000000;
862a6f44 197 -moz-margin-start: 2px;
e20d243c 198}
199
200#window-controls > toolbarbutton {
862a6f44
RK
201 padding: 3px;
202 -moz-padding-start: 2px;
203 -moz-padding-end: 1px;
80916bc4 204}
205
7a7b11b3
RK
206toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
207 display: -moz-box;
208}
209
80916bc4 210#minimize-button {
211 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
212}
213
e20d243c 214#minimize-button:hover {
215 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
216}
217
80916bc4 218#restore-button {
219 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
220}
221
e20d243c 222#restore-button:hover {
223 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
224}
225
80916bc4 226#close-button {
227 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
228}
229
e20d243c 230#close-button:hover {
231 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
232}
233
b1eaa419 234/* ::::: nav-bar-inner ::::: */
235
d1476608 236.nav-bar-class {
c710949d
RK
237 -moz-padding-start: 1px;
238 -moz-padding-end: 1px;
b1eaa419 239 min-width: 0px;
c710949d 240 -moz-box-align: center;
b1eaa419 241}
242
243#urlbar {
569543b3 244 border-radius: 5px;
c710949d
RK
245 margin: 0;
246 -moz-margin-start: 3px;
f0071a71
RK
247 /* make color as light as possible to deal with dark non-domain parts */
248 color: #FFBFFF;
2c8f3260
RK
249}
250
7197fc13 251.urlbar-security-level {
569543b3 252 border-radius: 3px 0 0 3px;
2c8f3260 253 padding: 2px;
b1eaa419 254}
255
cf89ee7b 256.urlbar-security-level[level="high"] {
d84b9613 257 background-color: #FFCF00;
258 color: #000000;
259}
260
e8fc8e8e
RK
261#wrapper-nav-bar-inner[place="palette"] > #nav-bar-inner > .button-toolbar,
262#wrapper-nav-bar-inner[place="palette"] > #nav-bar-inner > #urlbar > .urlbar-icons {
263 display: none;
264}
265
4bbe2504
RK
266#urlbar-search-splitter {
267 -moz-appearance: none;
268 min-width: 6px;
269 margin: 0 -3px;
270 border: none;
271 background-color: transparent;
272}
273
fb2b5761
RK
274/* ::::: notification popups ::::: */
275
fb2b5761
RK
276.popup-notification-icon {
277 width: 64px;
278 height: 64px;
279 -moz-margin-end: 10px;
280}
281
282.popup-notification-icon[popupid="geolocation"] {
283 list-style-image: url("chrome://communicator/skin/icons/geolocation-64.png");
284}
285
e90cc3a4
RK
286.popup-notification-icon[popupid="web-notifications"] {
287 list-style-image: url("chrome://communicator/skin/icons/notification-64.png");
288}
289
a3b6328b
RK
290.popup-notification-icon[popupid="addon-install-disabled"],
291.popup-notification-icon[popupid="addon-install-blocked"],
b4af54ca
RK
292.popup-notification-icon[popupid="addon-install-started"],
293.popup-notification-icon[popupid="addon-install-cancelled"],
a3b6328b 294.popup-notification-icon[popupid="addon-install-failed"],
c1f7cc84
RK
295.popup-notification-icon[popupid="addon-install-complete"],
296.popup-notification-icon[popupid="lwtheme-install-request"],
297.popup-notification-icon[popupid="lwtheme-install-notification"] {
a3b6328b
RK
298 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
299 width: 32px;
300 height: 32px;
301}
302
c2e1f790
RK
303.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
304.popup-notification-icon[popupid="indexedDB-quota-prompt"] {
305 list-style-image: url("chrome://global/skin/icons/question-64.png");
306}
307
2da629df 308.popup-notification-icon[popupid="password"] {
fb2b5761
RK
309 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png");
310}
311
719b06bc
RK
312.popup-notification-icon[popupid="click-to-play-plugins"] {
313 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
e90cc3a4 314 margin: 0px;
719b06bc
RK
315 width: 32px;
316 height: 32px;
317}
e90cc3a4 318
719b06bc
RK
319.addon-progress-description {
320 width: 350px;
321 max-width: 350px;
322}
323
fb2b5761
RK
324/* Notification icon box */
325#notification-popup-box {
326 -moz-margin-end: 3px;
327}
328
329.notification-anchor-icon:-moz-focusring {
330 outline: 1px dotted;
331}
332
c2e1f790
RK
333#default-notification-icon {
334 list-style-image: url("chrome://global/skin/icons/information-16.png");
335 width: 16px;
336 height: 16px;
337}
338
fb2b5761
RK
339#geo-notification-icon {
340 list-style-image: url("chrome://communicator/skin/icons/geolocation-16.png");
341 width: 16px;
342 height: 16px;
343}
344
e90cc3a4
RK
345#web-notifications-notification-icon {
346 list-style-image: url("chrome://communicator/skin/icons/notification-16.png");
347 width: 16px;
348 height: 16px;
349}
350
a3b6328b
RK
351#addons-notification-icon {
352 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
353 width: 16px;
354 height: 16px;
355}
356
c2e1f790
RK
357#indexedDB-notification-icon {
358 list-style-image: url("chrome://global/skin/icons/question-16.png");
359 width: 16px;
360 height: 16px;
361}
362
fb2b5761
RK
363#password-notification-icon {
364 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png");
365 width: 16px;
366 height: 16px;
367}
368
719b06bc
RK
369#plugins-notification-icon {
370 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
371 width: 16px;
372 height: 16px;
373}
374
aaff81fb
RK
375.click-to-play-plugins-notification-content {
376 margin: -10px;
377 border-radius: 4px;
378}
379
e90cc3a4
RK
380.click-to-play-plugins-notification-icon-box {
381 background-color: #000000;
382 -moz-border-end: 1px solid #FF9F00;
383 padding-top: 16px;
384 -moz-padding-end: 16px;
385 -moz-padding-start: 24px;
386 -moz-margin-start: 4px;
387 margin-top: 4px;
388 margin-bottom: 4px;
389}
390
391.click-to-play-plugins-notification-icon-box:-moz-locale-dir(ltr) {
392 border-bottom-left-radius: 4px;
393 border-top-left-radius: 4px;
394}
395
396.click-to-play-plugins-notification-icon-box:-moz-locale-dir(rtl) {
397 border-bottom-right-radius: 4px;
398 border-top-right-radius: 4px;
399}
400
401.click-to-play-plugins-notification-separator {
402}
403
404.click-to-play-plugins-notification-description-box {
405 padding-top: 12px;
406 -moz-padding-end: 11px;
407 padding-bottom: 9px;
408 -moz-padding-start: 10px;
409}
410
411.click-to-play-plugins-notification-center-box {
412 border-top: 1px solid #FF9F00;
413 border-bottom: 1px solid #FF9F00;
414 background-color: #000000;
415 -moz-margin-end: 4px;
416}
417
418.click-to-play-plugins-notification-button-container {
419 margin: 0px;
420 padding: 16px;
421}
422
423.center-item-box {
424 padding: 12px 16px 0px 16px;
425}
426
427.center-item-box[padbottom="true"] {
428 padding-bottom: 12px;
429}
430
431.center-item-icon {
432 background-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
433 background-repeat: no-repeat;
434 height: 16px;
435 width: 16px;
436 margin-bottom: 4px;
437}
438
439.center-item-box[warn="true"] {
440 background-image: url("chrome://navigator/skin/click-to-play-warning-stripes.png");
441 background-repeat: repeat-x;
442 padding: 8px 16px 6px 16px;
443}
444
445.center-item-box[padbottom="true"][warn="true"] {
446 padding-bottom: 4px;
447}
448
449.center-item-box[showseparator="true"] {
450 border-top: 1px solid #9C9CFF;
451}
452
453.center-item-box[warn="false"] > .center-item-warning {
454 display: none;
455}
456
457.center-item-warning > .text-link[href=""] {
458 display: none;
459}
460
461.center-item-warning-icon {
462 background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
463 background-repeat: no-repeat;
464 width: 16px;
465 height: 15px;
466 margin-bottom: 4px;
467}
468
469.center-item-warning-description {
470 color: #828282;
471}
472
473.center-item-button {
474 min-width: 0px;
475}
476
b1eaa419 477/* ::::: page proxy icon ::::: */
3d6dd546 478
b1eaa419 479#page-proxy-deck,
480#page-proxy-favicon,
481#page-proxy-button {
482 width: 16px;
483 height: 16px;
484}
351107c9 485
486#page-proxy-deck {
2c225fcb 487 cursor: grab;
2c8f3260 488 margin: 0;
3d6dd546 489}
351107c9 490
b1eaa419 491#page-proxy-button {
3d6dd546 492 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
3d6dd546 493}
494
b1eaa419 495#page-proxy-favicon {
496 list-style-image: none;
3d6dd546 497}
351107c9 498
b1eaa419 499/* ::::: autocomplete ::::: */
500
01fc5c11 501.autocomplete-treebody::-moz-tree-cell-text(value) {
e8fc8e8e 502 -moz-padding-start: 13px;
b1eaa419 503}
504
01fc5c11 505.autocomplete-treebody::-moz-tree-cell-text(comment) {
b1eaa419 506 color: #E7ADE7;
507/* font-style: italic; */
351107c9 508}
509
b1eaa419 510.autocomplete-search-box {
511 border-top: 1px solid #FF9F00;
512 background-color: #9C9CFF;
513 color: #000000;
3d6dd546 514}
351107c9 515
b1eaa419 516.autocomplete-result-popup[nomatch] > .autocomplete-search-box {
517 border-top: 1px solid #9C9CFF;
351107c9 518}
351107c9 519
b1eaa419 520.autocomplete-search-engine {
521 padding: 2px;
3d6dd546 522}
351107c9 523
b1eaa419 524.autocomplete-search-engine[menuactive="true"] {
525 background-color: #008484;
526 color: #FFCF00;
3d6dd546 527}
351107c9 528
b1eaa419 529.autocomplete-search-engine-img {
8caa872d 530 -moz-margin-end: 4px;
b1eaa419 531}
532
f8bb6584
RK
533.autocomplete-history-dropmarker:hover {
534 background-color: #FFCF00;
535}
536
537.autocomplete-history-dropmarker:hover:active,
538.autocomplete-history-dropmarker[open="true"] {
539 background-color: #FF9F00;
540}
541
5ddff932
RK
542.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
543 color: #E7ADE7;
544}
545
b1eaa419 546/* ::::: go and searchbuttons ::::: */
547
3d6dd546 548#search-button,
351107c9 549#go-button {
c710949d 550 margin: 0;
6d73bd65 551 padding: 2px 0;
c710949d 552 -moz-margin-start: 2px;
b1eaa419 553 background-color: #000000;
351107c9 554}
555
3d6dd546 556#search-button:hover,
351107c9 557#go-button:hover {
b1eaa419 558 background-color: #FFCF00;
351107c9 559}
560
2c8f3260
RK
561/* care that those buttons base on the same min height of 16px that the urlbar
562 autocomplete box gets through site icon and urlbar icons at the right */
d1476608 563#search-button > .button-box,
2c8f3260
RK
564#go-button > .button-box {
565 min-height: 16px;
566}
567
b1eaa419 568#search-button {
569/* list-style-image: url("chrome://communicator/skin/icons/search.gif"); */
b1eaa419 570}
351107c9 571
c1f7cc84
RK
572#search-button > .button-box > .button-icon {
573 display: -moz-box;
574}
575
7a7b11b3
RK
576/*
577toolbar[mode="text"] #search-button > .button-box > .button-icon,
578toolbar[mode="icons"] #search-button > .button-box > .button-text {
579 display: none;
580}
581*/
582
5ddff932
RK
583/* ::::: search bar ::::: */
584
585.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
586.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment) {
587 color: #E7ADE7;
588 font-size: smaller;
589}
590
591.autocomplete-treebody::-moz-tree-cell(suggesthint) {
592 border-top: 1px solid #E7ADE7;
593}
594
31e46317
RK
595/* ::::: throbber ::::: */
596
597#throbber-box {
598 -moz-margin-start: 2px;
599}
600
dc8e1207 601/* ::::: security button ::::: */
351107c9 602
aeb317b8
RK
603#security-button {
604 list-style-image: url("chrome://communicator/skin/icons/lock-insecure.gif");
605}
606
81012713 607#security-button > .statusbarpanel-contentbox > .statusbarpanel-text {
aeb317b8 608 margin: 0px;
b1eaa419 609}
351107c9 610
57d23eae 611/* |high| and |low| styles could be different, to better reflect the secure level... */
cf89ee7b 612#security-button[level="high"] > .statusbarpanel-contentbox {
aeb317b8
RK
613 list-style-image: url("chrome://communicator/skin/icons/lock-secure-hover.png");
614 background-color: #FFCF00;
dc8e1207 615}
616
ff5bd775 617#security-button[level="broken"] > .statusbarpanel-contentbox {
aeb317b8
RK
618 list-style-image: url("chrome://communicator/skin/icons/lock-broken.gif");
619 background-color: #FF0000;
620}
621
ff5bd775 622#security-button[label][level="high"] > .statusbarpanel-contentbox {
aeb317b8
RK
623 list-style-image: url("chrome://communicator/skin/icons/lock-secure.gif");
624 background-color: #008484;
625 color: #FFCF00;
b1eaa419 626}
351107c9 627
d9954aaf
RK
628#ev-button {
629 list-style-image: url("chrome://communicator/skin/icons/identity.png");
630}
631
a3b3d4d6 632#popupIcon {
633 list-style-image:url("chrome://navigator/skin/icons/popup-blocked.gif");
634}
635
fb2b5761
RK
636#invalid-form-popup {
637 border: 1px solid #FFCF00;
638 border : 1px outset #FFFFCC;
639 padding: 2px 3px 0px 3px;
640 max-width: 40em;
641 background-color: #9C9CFF;
642 color: #000000;
643 font-weight: bold;
644}
645
dc8e1207 646/* ::::: personal toolbar ::::: */
351107c9 647
dc8e1207 648#bookmarks-button {
649 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
b1eaa419 650}
351107c9 651
dc8e1207 652#bookmarks-button[open="true"] {
653 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
b1eaa419 654}
351107c9 655
c710949d 656toolbarbutton.chevron {
e10e7add 657 list-style-image: url("chrome://navigator/skin/icons/chevron.gif") !important;
ac1cdf20 658}
659
c710949d
RK
660toolbarbutton.chevron:hover,
661toolbarbutton.chevron[open="true"] {
e10e7add 662 list-style-image: url("chrome://navigator/skin/icons/chevron-hover.gif") !important;
ac1cdf20 663}
664
7a7b11b3 665toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
ac1cdf20 666 display: none;
667}
e10e7add 668
7a7b11b3
RK
669toolbarbutton.chevron > .toolbarbutton-text {
670 display: none; /* hide chevron label which has a width even if blank */
671}
672
673toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
674 display: -moz-box; /* display chevron icon in text mode */
675}
676
677/* Prevent [mode="icons"|"text"] from hiding the label and icon */
678#bookmarks-ptf .bookmark-item > .toolbarbutton-text,
679#bookmarks-ptf .bookmark-item > .toolbarbutton-icon {
680 display: -moz-box !important;
681}
682
e8fc8e8e 683#PersonalToolbar[iconsize="small"] > toolbarpaletteitem > #home-button > .toolbarbutton-icon,
0ef1663c
RK
684#PersonalToolbar[iconsize="small"] > #home-button > .toolbarbutton-icon {
685 /* width: 16px;
686 height: 16px; */
687}
688
689#PersonalToolbar > #home-button {
690 cursor: pointer;
691}
692
693#PersonalToolbar > #home-button[disabled="true"] {
694 cursor: default !important;
695}
696
e8fc8e8e
RK
697/*
698 In customize mode we hide the normal bookmark items and show a placeholder
699 for the drag/drop UI.
700*/
701.bookmarks-toolbar-customize {
d3d79c39 702 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png");
e8fc8e8e
RK
703 display: none;
704 max-width: 15em !important;
705}
706
d3d79c39
RK
707#wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box {
708 width: 16px;
709 height: 16px;
710 background: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") no-repeat;
e8fc8e8e
RK
711}
712
1b3c8528
RK
713/* ::::: star button ::::: */
714
715#star-button {
716 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png");
717 -moz-image-region: rect(16px 16px 32px 0px);
718}
719
720#star-button:hover {
721 -moz-image-region: rect(16px 32px 32px 16px);
722}
723
724#star-button:hover:active {
725 -moz-image-region: rect(16px 48px 32px 32px);
726}
727
728#star-button[starred="true"] {
729 -moz-image-region: rect(0px 16px 16px 0px);
730}
731
732#star-button[starred="true"]:hover {
733 -moz-image-region: rect(0px 32px 16px 16px);
734}
735
736#star-button[starred="true"]:hover:active {
737 -moz-image-region: rect(0px 48px 16px 32px);
738}
739
a3b6328b
RK
740#editBookmarkPanelStarIcon {
741 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png");
742 -moz-image-region: rect(0px 16px 16px 0px);
743}
744
e10e7add
RK
745/* ::::: feeds ::::: */
746
cf3319d7
RK
747.feedsMenu {
748 list-style-image: url("chrome://navigator/skin/linkButtons/feeds.png");
e10e7add
RK
749 -moz-image-region: rect(0px 16px 16px 0px);
750}
751
cf3319d7 752.feedsMenu[disabled="true"] {
e10e7add
RK
753 -moz-image-region: rect(32px 16px 48px 0px);
754}
755
cf3319d7 756.feedsButton {
e10e7add
RK
757 list-style-image: url("chrome://navigator/skin/linkButtons/feeds.png");
758 -moz-image-region: rect(0px 32px 16px 16px);
759}
760
cf3319d7 761.feedsButton:hover {
e10e7add
RK
762 -moz-image-region: rect(16px 32px 32px 16px);
763}
764
cf3319d7 765.feedsButton:hover:active {
e10e7add
RK
766 -moz-image-region: rect(48px 32px 64px 16px);
767}