67
55
background: url("chrome://global/skin/icons/tab-left.png") no-repeat;
56
background-color: -moz-dialog;
57
-moz-border-radius-topleft: 3px;
70
.tabbrowser-tab[chromedir="rtl"] > .tab-image-left{
60
.tabbrowser-tab[chromedir="rtl"] > .tab-image-left {
71
61
background: url("chrome://global/skin/icons/tab-right.png") no-repeat;
62
background-color: -moz-dialog;
63
-moz-border-radius-topleft: 0px;
64
-moz-border-radius-topright: 3px;
74
67
.tabbrowser-tab:not([selected="true"]) > .tab-image-left {
70
background: url("chrome://global/skin/icons/tab-left-bkgnd.png") no-repeat;
71
background-color: -moz-dialog;
74
.tabbrowser-tab[chromedir="rtl"]:not([selected="true"]) > .tab-image-left {
75
background: url("chrome://global/skin/icons/tab-right-bkgnd.png") no-repeat;
76
background-color: -moz-dialog;
78
79
.tabbrowser-tab:hover:not([selected="true"]) > .tab-image-left {
80
background: url("chrome://global/skin/icons/tab-left-hover.png") no-repeat;
81
background-color: -moz-dialog;
84
.tabbrowser-tab[chromedir="rtl"]:hover:not([selected="true"]) > .tab-image-left {
85
background: url("chrome://global/skin/icons/tab-right-hover.png") no-repeat;
86
background-color: -moz-dialog;
82
89
.tabbrowser-tab > .tab-image-middle {
84
91
background: url("chrome://global/skin/icons/tab-middle.png") repeat-x;
92
background-color: -moz-dialog;
87
95
.tabbrowser-tab:not([selected="true"]) > .tab-image-middle {
98
background: url("chrome://global/skin/icons/tab-middle-bkgnd.png") repeat-x;
99
background-color: -moz-dialog;
91
102
.tabbrowser-tab:hover:not([selected="true"]) > .tab-image-middle {
103
background: url("chrome://global/skin/icons/tab-middle-hover.png") repeat-x;
104
background-color: -moz-dialog;
95
107
.tabbrowser-tab > .tab-image-right {
98
110
background: url("chrome://global/skin/icons/tab-right.png") no-repeat;
111
background-color: -moz-dialog;
112
-moz-border-radius-topright: 3px;
101
.tabbrowser-tab[chromedir="rtl"] > .tab-image-right{
115
.tabbrowser-tab[chromedir="rtl"] > .tab-image-right {
102
116
background: url("chrome://global/skin/icons/tab-left.png") no-repeat;
117
background-color: -moz-dialog;
118
-moz-border-radius-topleft: 3px;
119
-moz-border-radius-topright: 0px;
105
122
.tabbrowser-tab:not([selected="true"]) > .tab-image-right {
125
background: url("chrome://global/skin/icons/tab-right-bkgnd.png") no-repeat;
126
background-color: -moz-dialog;
129
.tabbrowser-tab[chromedir="rtl"]:not([selected="true"]) > .tab-image-right {
130
background: url("chrome://global/skin/icons/tab-left-bkgnd.png") no-repeat;
131
background-color: -moz-dialog;
109
134
.tabbrowser-tab:hover:not([selected="true"]) > .tab-image-right {
135
background: url("chrome://global/skin/icons/tab-right-hover.png") no-repeat;
136
background-color: -moz-dialog;
139
.tabbrowser-tab[chromedir="rtl"]:hover:not([selected="true"]) > .tab-image-right {
140
background: url("chrome://global/skin/icons/tab-left-hover.png") no-repeat;
141
background-color: -moz-dialog;
113
144
.tab-icon-image {
233
264
* Tab Scrollbox Arrow Buttons
236
.tabbrowser-tabs[overflow="true"] .tabs-left{
267
.tabbrowser-tabs[overflow="true"] .tabs-left {
240
.tabbrowser-arrowscrollbox > .scrollbutton-up{
271
.tabbrowser-arrowscrollbox > .scrollbutton-up {
241
272
-moz-appearance: none !important;
242
273
border: none !important;
275
margin-bottom: 4px !important;
245
width: 18px !important;
246
height: 25px !important;
247
-moz-margin-start: 0px !important;
248
list-style-image: url("chrome://global/skin/icons/tab-arrow-start.png") !important;
249
background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd.png") !important;
279
-moz-margin-start: 0px;
280
-moz-margin-end: 0px;
281
list-style-image: url("chrome://global/skin/icons/tab-arrow-start.png");
282
-moz-image-region: rect(0, 11px, 14px, 0);
250
283
background-repeat: no-repeat;
253
.tabbrowser-arrowscrollbox[chromedir="rtl"] > .scrollbutton-up{
254
background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd.png") !important;
257
.tabbrowser-arrowscrollbox > .scrollbutton-up:hover{
261
.scrollbutton-rel-box > .scrollbutton-down-box{
284
background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-enabled.png");
285
background-color: -moz-dialog;
286
-moz-border-radius-topright: 5px;
289
.tabbrowser-arrowscrollbox[chromedir="rtl"] > .scrollbutton-up {
290
list-style-image: url("chrome://global/skin/icons/tab-arrow-end.png");
291
background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-enabled.png");
292
-moz-border-radius-topleft: 5px;
293
-moz-border-radius-topright: 0px;
296
.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled="true"] {
297
-moz-image-region: rect(0, 33px, 14px, 22px);
298
background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-disabled.png");
301
.tabbrowser-arrowscrollbox[chromedir="rtl"] > .scrollbutton-up[disabled="true"] {
302
background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-disabled.png");
305
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover {
306
background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-hover.png");
307
-moz-image-region: rect(0, 22px, 14px, 11px);
310
.tabbrowser-arrowscrollbox[chromedir="rtl"] > .scrollbutton-up:not([disabled="true"]):hover {
311
background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-hover.png");
314
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover:active {
315
-moz-image-region: rect(0, 44px, 14px, 33px);
318
.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon {
319
margin: 6px 0px 0px 0px;
322
.tabbrowser-arrowscrollbox > .scrollbutton-down-stack {
328
.scrollbutton-rel-box > .scrollbutton-down-box {
262
329
-moz-appearance: none !important;
263
330
border: none !important;
265
width: 18px !important;
266
height: 25px !important;
267
background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd.png") !important;
332
background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-enabled.png");
268
333
background-repeat: no-repeat;
272
.scrollbutton-rel-box > .scrollbutton-down-box-animate{
274
background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-animate.png") !important;
334
background-color: -moz-dialog;
335
-moz-border-radius-topleft: 5px;
338
.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-rel-box > .scrollbutton-down-box {
339
background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-enabled.png");
340
-moz-border-radius-topleft: 0px;
341
-moz-border-radius-topright: 5px;
344
.scrollbutton-rel-box > .scrollbutton-down-box[disabled="true"] {
345
background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-disabled.png");
348
.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-rel-box > .scrollbutton-down-box[disabled="true"] {
349
background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-disabled.png");
352
.scrollbutton-rel-box > .scrollbutton-down-box-animate {
353
background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-animate.png");
275
354
background-repeat: no-repeat;
279
.scrollbutton-rel-box > .scrollbutton-down{
358
.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-rel-box > .scrollbutton-down-box-animate {
359
background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-animate.png");
362
.scrollbutton-rel-box > .scrollbutton-down {
280
363
-moz-appearance: none !important;
281
border: 0px !important;
282
list-style-image: url("chrome://global/skin/icons/tab-arrow-end.png") !important;
285
width: 18px !important;
286
-moz-margin-start: 0px !important;
287
-moz-margin-end: 0px !important;
288
-moz-padding-end: 0px !important;
291
.scrollbutton-rel-box > .scrollbutton-down:hover{
292
background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd.png") !important;
364
border: none !important;
366
list-style-image: url("chrome://global/skin/icons/tab-arrow-end.png");
367
-moz-image-region: rect(0, 11px, 14px, 0);
372
.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-rel-box > .scrollbutton-down {
373
list-style-image: url("chrome://global/skin/icons/tab-arrow-start.png");
376
.scrollbutton-rel-box > .scrollbutton-down[disabled="true"] {
377
-moz-image-region: rect(0, 33px, 14px, 22px);
380
.scrollbutton-rel-box > .scrollbutton-down:not([disabled="true"]):hover {
381
-moz-image-region: rect(0, 22px, 14px, 11px);
382
background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-hover.png");
293
383
background-repeat: no-repeat;
294
384
background-position: top left;
298
.tabbrowser-arrowscrollbox[chromedir="rtl"] > .scrollbutton-down{
299
-moz-padding-end: 0px !important;
300
background-position: top left;
301
background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd.png") !important;
304
.scrollbutton-rel-box > .scrollbutton-down > .toolbarbutton-icon{
305
-moz-padding-end: 0px !important;
306
-moz-margin-end: 0px !important;
387
.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-rel-box > .scrollbutton-down:not([disabled="true"]):hover {
388
background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-hover.png");
391
.scrollbutton-rel-box > .scrollbutton-down:not([disabled="true"]):hover:active {
392
-moz-image-region: rect(0, 44px, 14px, 33px);
395
.scrollbutton-rel-box > .scrollbutton-down > .toolbarbutton-icon {
396
margin: 6px 0px 0px 1px;
313
403
.tabs-alltabs-box {
315
width: 20px !important;
316
height: 25px !important;
406
width: 18px !important;
407
height: 23px !important;
317
408
background-image: url("chrome://global/skin/icons/alltabs-box-end-bkgnd.png");
318
409
background-repeat: no-repeat;
410
background-color: -moz-dialog;
411
-moz-border-radius-topleft: 5px;
322
.tabs-alltabs-box[chromedir="rtl"] {
414
stack[chromedir="rtl"] > hbox > .tabs-alltabs-box {
323
415
background-image: url("chrome://global/skin/icons/alltabs-box-start-bkgnd.png");
416
-moz-border-radius-topleft: 0px;
417
-moz-border-radius-topright: 5px;
326
.tabbrowser-tabs[overflow="true"] .tabs-alltabs-box{
420
.tabbrowser-tabs[overflow="true"] .tabs-alltabs-box {
327
421
background-image: url("chrome://global/skin/icons/alltabs-box-overflow-end-bkgnd.png");
422
-moz-border-radius-topleft: 0px;
423
-moz-border-radius-topright: 0px;
331
.tabbrowser-tabs[overflow="true"] .tabs-alltabs-box[chromedir="rtl"]{
426
.tabbrowser-tabs[overflow="true"] stack[chromedir="rtl"] > hbox > .tabs-alltabs-box {
332
427
background-image: url("chrome://global/skin/icons/alltabs-box-overflow-start-bkgnd.png");
336
430
.tabs-alltabs-button {
337
431
-moz-appearance: none !important;
338
432
border: 0px !important;
340
width: 20px !important;
341
height: 25px !important;
435
width: 18px !important;
436
height: 23px !important;
342
437
border: 0px !important;
343
438
-moz-padding-start: 4px !important;
344
439
-moz-padding-end: 4px !important;
347
.tabs-alltabs-button > .toolbarbutton-text {
443
.tabs-alltabs-button > .toolbarbutton-text {
447
.tabs-alltabs-button > .toolbarbutton-icon {
448
-moz-margin-end: 2px;
451
.tabs-alltabs-button > .toolbarbutton-menu-dropmarker {
452
margin-top: 3px !important;
351
455
.tabs-alltabs-button:hover {
352
background-image: url("chrome://global/skin/icons/alltabs-box-end-bkgnd.png");
456
background-image: url("chrome://global/skin/icons/alltabs-box-end-bkgnd-hover.png");
353
457
background-repeat: no-repeat;
357
.tabbrowser-tabs[overflow="true"] .tabs-alltabs-button:hover{
358
background-image: url("chrome://global/skin/icons/alltabs-box-overflow-end-bkgnd.png");
361
.tabs-alltabs-box-animate{
460
stack[chromedir="rtl"] > hbox > .tabs-alltabs-button:hover {
461
background-image: url("chrome://global/skin/icons/alltabs-box-start-bkgnd-hover.png");
464
.tabbrowser-tabs[overflow="true"] .tabs-alltabs-button:hover {
465
background-image: url("chrome://global/skin/icons/alltabs-box-overflow-end-bkgnd-hover.png");
468
.tabbrowser-tabs[overflow="true"] stack[chromedir="rtl"] > hbox > .tabs-alltabs-button:hover {
469
background-image: url("chrome://global/skin/icons/alltabs-box-overflow-start-bkgnd-hover.png");
472
.tabs-alltabs-box-animate {
363
width: 20px !important;
364
height: 25px !important;
475
width: 18px !important;
476
height: 23px !important;
365
477
background-image: url("chrome://global/skin/icons/alltabs-box-overflow-end-bkgnd-animate.png");
366
478
background-repeat: no-repeat;
482
stack[chromedir="rtl"] > hbox > .tabs-alltabs-box-animate {
483
background-image: url("chrome://global/skin/icons/alltabs-box-overflow-start-bkgnd-animate.png");
371
487
* All Tabs Menupopup