← Back to branch summary

~ubuntu-branches/ubuntu/gutsy/firefox/gutsy

« back to all changes in this revision

Viewing changes to browser/themes/winstripe/browser/browser.css

  • Committer: Bazaar Package Importer
  • Author(s): Ian Jackson
  • Date: 2006-10-10 18:49:32 UTC
  • mfrom: (1.1.8 upstream)
  • Revision ID: james.westby@ubuntu.com-20061010184932-da75izt7y0e59afq
Tags: 1.99+2.0rc2+dfsg-0ubuntu1
* New upstream version 2.0rc2.
* Fix/workaround for epiphany GtkSocket lifetype crash:
  apply patch id=241087 from Mozilla Bugzilla #241535 to fix LP #63814.
* Change application name to `Firefox', as requested by mdz.
  Files changed:
    - browser/locales/en-US/chrome/branding/brand.dtd
    - browser/locales/en-US/chrome/branding/brand.properties;
  New values:
    - brandShortName and brandFullName: `Bon Echo' => `Firefox'
    - vendorShortName: `Mozilla' => `Ubuntu'
* Make preferences dialogue fit again (bah!).

Show diffs side-by-side

added added

removed removed

Lines of Context:
browser/themes/winstripe/browser/browser.css
24
24
 *   Pierre Chanial (chanial@noos.fr)
25
25
 *   Dean Tessman (dean_tessman@hotmail.com)
26
26
 *   Blake Ross (blake@cs.stanford.edu)
 
27
 *   Pamela Greene (pamg.bugs@gmail.com)
27
28
 *
28
29
 * Alternatively, the contents of this file may be used under the terms of
29
30
 * either the GNU General Public License Version 2 or later (the "GPL"), or
42
43
@import url("chrome://global/skin/");
43
44
 
44
45
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
46
@namespace html url("http://www.w3.org/1999/xhtml");
45
47
 
46
48
#menubar-items {
47
49
  -moz-box-orient: vertical; /* for flex hack */
57
59
 
58
60
/* ..... fix searchbar "add engine" padding issue ..... */
59
61
 
 
62
#searchbar {
 
63
  -moz-margin-start: 3px;
 
64
}
 
65
 
60
66
#searchbar .searchbar-popup .open-engine-manager { 
61
67
  -moz-padding-start: 4px; 
62
68
}
63
69
 
64
70
#searchbar[empty="true"] .searchbar-textbox {
65
71
  color: GrayText;
 
72
  direction: ltr !important;
 
73
}
 
74
 
 
75
#searchbar[empty="true"] html|input {
 
76
  direction: ltr !important;
 
77
  text-align: left !important;
 
78
}
 
79
 
 
80
#searchbar[chromedir="rtl"][empty="true"] html|input {
 
81
  direction: rtl !important;
 
82
  text-align: right !important;
 
83
}
 
84
 
 
85
#wrapper-search-container #searchbar html|*.textbox-input {
 
86
  visibility: hidden;
66
87
}
67
88
 
68
89
/* ::::: bookmark buttons ::::: */
106
127
  background: url("chrome://browser/skin/Bookmarks-folder.png") no-repeat !important;
107
128
}
108
129
 
109
 
#wrapper-search-container .searchbar-textbox {
110
 
  -moz-user-input: disabled;
111
 
  -moz-user-focus: normal;
112
 
}
113
 
 
114
130
.bookmarks-toolbar-customize {
115
131
  display: none;
116
132
  max-width: 15em !important;
200
216
/* livemarks have the same layout as folder-item, but in the browser-only livemark-item.png */
201
217
/* only the folder icon has any effect for now, item icon is unused */
202
218
.bookmark-item[livemark="true"] { 
203
 
  list-style-image: url("chrome://browser/skin/livemark-item.png") !important;
204
 
  -moz-image-region: rect(0px, 36px, 18px, 18px) !important;
 
219
  list-style-image: url("chrome://browser/skin/livemark-folder.png") !important;
 
220
  -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
205
221
}
206
222
 
207
223
.bookmark-item[livemark="true"][chromedir="rtl"] { 
208
 
  list-style-image: url("chrome://browser/skin/livemark-item-rtl.png") !important;
209
 
  -moz-image-region: rect(0px, 36px, 18px, 18px) !important;
 
224
  list-style-image: url("chrome://browser/skin/livemark-folder-rtl.png") !important;
 
225
  -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
210
226
}
211
227
 
212
228
.bookmark-item[livemark="true"][open="true"],
213
229
.bookmark-item[livemark="true"][open="true"][chromedir="rtl"] { 
214
 
  -moz-image-region: rect(18px, 36px, 36px, 18px) !important;
 
230
  -moz-image-region: rect(16px, 16px, 32px, 0px) !important;
215
231
}
216
232
 
217
233
.bookmark-item[type="menu"][livemark="true"],
218
234
.bookmark-item[type="menu"][livemark="true"][chromedir="rtl"] { 
219
 
  -moz-image-region: rect(1px, 53px, 17px, 37px) !important;
 
235
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
220
236
}
221
237
 
222
238
.bookmark-item[type="menu"][livemark="true"][open="true"],
223
239
.bookmark-item[type="menu"][livemark="true"][open="true"][chromedir="rtl"] { 
224
 
  -moz-image-region: rect(19px, 53px, 35px, 37px) !important;
 
240
  -moz-image-region: rect(16px, 32px, 32px, 16px) !important;
225
241
}
226
242
 
227
243
/* ::::: primary toolbar buttons ::::: */
230
246
  -moz-box-orient: vertical;
231
247
  min-width: 0;
232
248
  list-style-image: url("chrome://browser/skin/Toolbar.png");
233
 
%ifdef MOZ_WIDGET_GTK2
234
 
  margin: 0px !important;
235
 
%else
236
 
  margin-top: 0 !important;
237
 
  margin-bottom: 0 !important;
238
 
  -moz-margin-start: 5px !important;
239
 
  -moz-margin-end: 5px !important;
240
 
%endif
241
249
}
242
250
.toolbarbutton-1[chromedir="rtl"] {
243
251
  -moz-box-orient: vertical;
254
262
}
255
263
 
256
264
.toolbarbutton-1, .toolbarbutton-menubutton-button {
257
 
  border: 0 !important;
258
 
  padding: 0 !important;
259
 
%ifndef MOZ_WIDGET_GTK2
260
 
  -moz-appearance: none;
261
 
%endif
262
 
}
263
 
 
264
 
.toolbarbutton-1:hover:active:not([disabled]),
265
 
.toolbarbutton-1[open="true"], 
266
 
.toolbarbutton-menubutton-button:hover:active:not([disabled]),
267
 
.toolbarbutton-menubutton-button[open="true"] {
268
 
  border: 0 !important;
269
 
  padding: 0 !important;
 
265
  padding: 5px;
270
266
}
271
267
 
272
268
.toolbarbutton-1[checked="true"] {
273
 
  border: 0 !important;
274
 
  padding: 0 !important;
275
 
}
276
 
 
277
 
.toolbarbutton-1[type="menu-button"] {
278
 
  border: 0 !important;
279
 
  padding: 0 !important;
280
 
%ifndef MOZ_WIDGET_GTK2
281
 
  -moz-margin-start: 5px !important;
282
 
  -moz-margin-end: 0 !important;
283
 
%endif
 
269
  padding: 5px !important;
284
270
}
285
271
 
286
272
.toolbarbutton-menubutton-stack,
289
275
.toolbarbutton-menubutton-button:hover,
290
276
.toolbarbutton-menubutton-stack:hover:active,
291
277
.toolbarbutton-menubutton-button:hover:active {
292
 
  border: 0 !important;
293
 
  padding: 0 !important;
294
278
  display: -moz-box;
295
279
}
296
280
 
297
 
/* set up extended binding for the back & forward buttons */
298
 
toolbar:not([mode="text"]) #back-button,
299
 
toolbar:not([mode="text"]) #forward-button {
300
 
  -moz-binding: url(chrome://browser/skin/browser.xml#toolbar-menubutton);
301
 
}
302
 
 
303
 
toolbar:not([mode="text"]) #back-button .toolbarbutton-menubutton-button,
304
 
toolbar:not([mode="text"]) #forward-button .toolbarbutton-menubutton-button {
305
 
  -moz-binding: url('chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image');
306
 
  margin-left: 0 !important;
307
 
  margin-right: 0 !important;
308
 
  padding: 0;
309
 
  min-width: 0;
310
 
}
311
 
 
312
281
/* ::::: 24px primary toolbar buttons ::::: */
313
282
 
 
283
toolbar:not([iconsize="small"]) .toolbarbutton-1 .toolbarbutton-icon {
 
284
  padding-top: 1px;
 
285
}
 
286
 
314
287
/* back button-- */
315
288
 
316
289
#back-button {
317
 
  border: 0 !important;
318
 
  padding: 0 !important;
319
290
  -moz-image-region: rect(0px 24px 24px 0px); 
320
291
}
321
292
 
322
 
#back-button:hover,
 
293
#back-button:not([disabled="true"]):hover,
323
294
#back-button[buttonover="true"] {
324
295
  -moz-image-region: rect(24px 24px 48px 0px);
325
296
}
326
297
#back-button[disabled="true"] {
327
 
  -moz-image-region: rect(48px 24px 72px 0px) !important;
 
298
  -moz-image-region: rect(48px 24px 72px 0px);
328
299
}
329
 
#back-button:hover:active {
 
300
#back-button:not([disabled="true"]):hover:active {
330
301
  -moz-image-region: rect(96px 24px 120px 0px);
331
302
}
332
303
 
333
 
/* back button dropmarker */
334
 
 
335
 
#back-button .toolbarbutton-menubutton-dropmarker {
336
 
  border: 0 !important;
337
 
  padding: 0 !important;
338
 
  margin: 0 !important;
339
 
  list-style-image: url("chrome://browser/skin/dropmark-nav.png");
340
 
  -moz-image-region: rect(0px 14px 24px 0px);
341
 
}
342
 
 
343
 
#forward-button[chromedir="rtl"] .toolbarbutton-menubutton-dropmarker {
344
 
  border: 0 !important;
345
 
  padding: 0 !important;
346
 
  margin: 0 !important;
347
 
  list-style-image: url("chrome://browser/skin/dropmark-nav-rtl.png");
348
 
  -moz-image-region: rect(0px 14px 24px 0px);
349
 
}
350
 
#back-button:hover .toolbarbutton-menubutton-dropmarker,
351
 
#back-button[buttonover="true"] .toolbarbutton-menubutton-dropmarker,
352
 
#forward-button:hover[chromedir="rtl"]  .toolbarbutton-menubutton-dropmarker,
353
 
#forward-button[buttonover="true"][chromedir="rtl"] .toolbarbutton-menubutton-dropmarker {
354
 
  -moz-image-region: rect(24px 14px 48px 0px);
355
 
}
356
 
#back-button .toolbarbutton-menubutton-dropmarker[disabled="true"] {
357
 
  list-style-image: url("chrome://browser/skin/dropmark-nav.png") !important;
358
 
  -moz-image-region: rect(48px 14px 72px 0px);
359
 
}
360
 
#forward-button[chromedir="rtl"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
361
 
  list-style-image: url("chrome://browser/skin/dropmark-nav-rtl.png") !important;
362
 
  -moz-image-region: rect(48px 14px 72px 0px);
363
 
}
364
 
#back-button[buttondown="true"] .toolbarbutton-menubutton-dropmarker,
365
 
#back-button:hover:active .toolbarbutton-menubutton-dropmarker {
366
 
  -moz-image-region: rect(72px 14px 96px 0px);
367
 
}
368
 
 
369
304
/* forward button */
370
305
 
371
306
#forward-button {
372
307
  -moz-image-region: rect(0px 48px 24px 24px);
373
308
}
374
 
#forward-button:hover,
 
309
 
 
310
#forward-button:not([disabled="true"]):hover,
375
311
#forward-button[buttonover="true"] {
376
312
  -moz-image-region: rect(24px 48px 48px 24px);
377
313
}
378
314
#forward-button[disabled="true"] {
379
 
  -moz-image-region: rect(48px 48px 72px 24px) !important;
 
315
  -moz-image-region: rect(48px 48px 72px 24px);
380
316
}
381
 
#forward-button:hover:active {
 
317
#forward-button:not([disabled="true"]):hover:active {
382
318
  -moz-image-region: rect(96px 48px 120px 24px);
383
319
}
384
320
 
385
 
/* forward button dropmarker */
386
 
 
387
 
#forward-button .toolbarbutton-menubutton-dropmarker {
388
 
  border: 0 !important;
389
 
  padding: 0 !important;
390
 
  margin: 0 !important;
391
 
  list-style-image: url("chrome://browser/skin/dropmark-nav.png");
392
 
  -moz-image-region: rect(0px 14px 24px 0px);
393
 
}
394
 
#back-button[chromedir="rtl"] .toolbarbutton-menubutton-dropmarker {
395
 
  border: 0 !important;
396
 
  padding: 0 !important;
397
 
  margin: 0 !important;
398
 
  list-style-image: url("chrome://browser/skin/dropmark-nav-rtl.png");
399
 
  -moz-image-region: rect(0px 14px 24px 0px);
400
 
}
401
 
#forward-button:hover .toolbarbutton-menubutton-dropmarker,
402
 
#forward-button[buttonover="true"] .toolbarbutton-menubutton-dropmarker,
403
 
#back-button:hover[chromedir="rtl"] .toolbarbutton-menubutton-dropmarker,
404
 
#back-button[buttonover="true"][chromedir="rtl"] > .toolbarbutton-menubutton-dropmarker {
405
 
  -moz-image-region: rect(24px 14px 48px 0px);
406
 
}
407
 
#forward-button .toolbarbutton-menubutton-dropmarker[disabled="true"] {
408
 
  list-style-image: url("chrome://browser/skin/dropmark-nav.png") !important;
409
 
  -moz-image-region: rect(48px 14px 72px 0px);
410
 
}
411
 
#back-button[chromedir="rtl"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
412
 
  list-style-image: url("chrome://browser/skin/dropmark-nav-rtl.png") !important;
413
 
  -moz-image-region: rect(48px 14px 72px 0px);
414
 
}
415
 
#forward-button[buttondown="true"] .toolbarbutton-menubutton-dropmarker,
416
 
#forward-button:hover:active .toolbarbutton-menubutton-dropmarker, 
417
 
#back-button[buttondown="true"][chromedir="rtl"]  .toolbarbutton-menubutton-dropmarker,
418
 
#back-button:hover:active[chromedir="rtl"]  .toolbarbutton-menubutton-dropmarker {
419
 
  -moz-image-region: rect(72px 14px 96px 0px);
420
 
}
421
 
 
422
321
/* stop button */
423
322
 
424
323
#stop-button {
425
324
  -moz-image-region: rect(0px 72px 24px 48px);
426
325
}
427
 
#stop-button:hover {
 
326
#stop-button:not([disabled="true"]):hover {
428
327
  -moz-image-region: rect(24px 72px 48px 48px);
429
328
}
430
329
#stop-button[disabled="true"] {
431
 
  -moz-image-region: rect(48px 72px 72px 48px) !important;
 
330
  -moz-image-region: rect(48px 72px 72px 48px);
432
331
}
433
 
#stop-button:hover:active {
 
332
#stop-button:not([disabled="true"]):hover:active {
434
333
  -moz-image-region: rect(96px 72px 120px 48px);
435
334
}
436
335
 
439
338
#reload-button {
440
339
  -moz-image-region: rect(0px 96px 24px 72px);
441
340
}
442
 
#reload-button:hover {
 
341
#reload-button:not([disabled="true"]):hover {
443
342
  -moz-image-region: rect(24px 96px 48px 72px);
444
343
}
445
344
#reload-button[disabled="true"] {
446
345
  -moz-image-region: rect(48px 96px 72px 72px);
447
346
}
448
 
#reload-button:hover:active {
 
347
#reload-button:not([disabled="true"]):hover:active {
449
348
  -moz-image-region: rect(96px 96px 120px 72px);
450
349
}
451
350
 
454
353
#home-button {
455
354
  -moz-image-region: rect(0px 120px 24px 96px);
456
355
}
457
 
#home-button:hover {
 
356
#home-button:not([disabled="true"]):hover {
458
357
  -moz-image-region: rect(24px 120px 48px 96px);
459
358
}
460
359
#home-button[disabled="true"] {
461
360
  -moz-image-region: rect(48px 120px 72px 96px);
462
361
}
463
 
#home-button:hover:active {
 
362
#home-button:not([disabled="true"]):hover:active {
464
363
  -moz-image-region: rect(96px 120px 120px 96px);
465
364
}
466
365
 
469
368
#downloads-button {
470
369
  -moz-image-region: rect(0px 144px 24px 120px);
471
370
}
472
 
#downloads-button:hover {
 
371
#downloads-button:not([disabled="true"]):hover {
473
372
  -moz-image-region: rect(24px 144px 48px 120px);
474
373
}
475
374
#downloads-button[disabled="true"] {
476
 
  -moz-image-region: rect(48px 144px 72px 120px) !important;
 
375
  -moz-image-region: rect(48px 144px 72px 120px);
477
376
}
478
 
#downloads-button:hover:active {
 
377
#downloads-button:not([disabled="true"]):hover:active {
479
378
  -moz-image-region: rect(96px 144px 120px 120px);
480
379
}
481
380
 
484
383
#history-button {
485
384
  -moz-image-region: rect(0px 168px 24px 144px);
486
385
}
487
 
#history-button:hover {
 
386
#history-button:not([disabled="true"]):not([checked="true"]):hover {
488
387
  -moz-image-region: rect(24px 168px 48px 144px);
489
388
}
490
389
#history-button[disabled="true"] {
491
 
  -moz-image-region: rect(48px 168px 72px 144px) !important;
492
 
}
493
 
#history-button:hover:active {
 
390
  -moz-image-region: rect(48px 168px 72px 144px);
 
391
}
 
392
#history-button[checked="true"] {
 
393
  -moz-image-region: rect(72px 168px 96px 144px);
 
394
}
 
395
#history-button:not([disabled="true"]):not([checked="true"]):hover:active {
494
396
  -moz-image-region: rect(96px 168px 120px 144px);
495
397
}
496
398
 
499
401
#bookmarks-button {
500
402
  -moz-image-region: rect(0px 192px 24px 168px);
501
403
}
502
 
#bookmarks-button:hover {
 
404
#bookmarks-button:not([disabled="true"]):not([checked="true"]):hover {
503
405
  -moz-image-region: rect(24px 192px 48px 168px);
504
406
}
505
407
#bookmarks-button[disabled="true"] {
506
 
  -moz-image-region: rect(48px 192px 72px 168px) !important;
 
408
  -moz-image-region: rect(48px 192px 72px 168px);
507
409
}
508
410
#bookmarks-button[checked="true"] {
509
 
  -moz-image-region: rect(72px 192px 96px 168px) !important;
 
411
  -moz-image-region: rect(72px 192px 96px 168px);
510
412
}
511
 
#bookmarks-button:hover:active {
 
413
#bookmarks-button:not([disabled="true"]):not([checked="true"]):hover:active {
512
414
  -moz-image-region: rect(96px 192px 120px 168px);
513
415
}
514
416
 
517
419
#print-button {
518
420
  -moz-image-region: rect(0px 216px 24px 192px);
519
421
}
520
 
#print-button:hover {
 
422
#print-button:not([disabled="true"]):hover {
521
423
  -moz-image-region: rect(24px 216px 48px 192px);
522
424
}
523
425
#print-button[disabled="true"] {
524
 
  -moz-image-region: rect(48px 216px 72px 192px) !important;
 
426
  -moz-image-region: rect(48px 216px 72px 192px);
525
427
}
526
 
#print-button:hover:active {
 
428
#print-button:not([disabled="true"]):hover:active {
527
429
  -moz-image-region: rect(96px 216px 120px 192px);
528
430
}
529
431
 
530
432
/* new tab button */
531
433
 
 
434
toolbar:not([iconsize="small"]) #new-tab-button .toolbarbutton-icon {
 
435
  padding-left: 1px;
 
436
}
532
437
#new-tab-button {
533
438
  -moz-image-region: rect(0px 240px 24px 216px);
534
439
}
535
 
#new-tab-button:hover {
 
440
#new-tab-button:not([disabled="true"]):hover {
536
441
  -moz-image-region: rect(24px 240px 48px 216px);
537
442
}
538
443
#new-tab-button[disabled="true"] {
539
 
  -moz-image-region: rect(48px 240px 72px 216px) !important;
 
444
  -moz-image-region: rect(48px 240px 72px 216px);
540
445
}
541
 
#new-tab-button:hover:active {
 
446
#new-tab-button:not([disabled="true"]):hover:active {
542
447
  -moz-image-region: rect(96px 240px 120px 216px);
543
448
}
544
449
 
545
450
/* new window button */
546
451
 
 
452
toolbar:not([iconsize="small"]) #new-window-button .toolbarbutton-icon {
 
453
  padding-left: 1px;
 
454
}
547
455
#new-window-button {
548
456
  -moz-image-region: rect(0px 264px 24px 240px);
549
457
}
550
 
#new-window-button:hover {
 
458
#new-window-button:not([disabled="true"]):hover {
551
459
  -moz-image-region: rect(24px 264px 48px 240px);
552
460
}
553
461
#new-window-button[disabled="true"] {
554
 
  -moz-image-region: rect(48px 264px 72px 240px) !important;
 
462
  -moz-image-region: rect(48px 264px 72px 240px);
555
463
}
556
 
#new-window-button:hover:active {
 
464
#new-window-button:not([disabled="true"]):hover:active {
557
465
  -moz-image-region: rect(96px 264px 120px 240px);
558
466
}
559
467
 
562
470
#cut-button {
563
471
  -moz-image-region: rect(0px 288px 24px 264px);
564
472
}
565
 
#cut-button:hover {
 
473
#cut-button:not([disabled="true"]):hover {
566
474
  -moz-image-region: rect(24px 288px 48px 264px);
567
475
}
568
476
#cut-button[disabled="true"] {
569
 
  -moz-image-region: rect(48px 288px 72px 264px) !important;
 
477
  -moz-image-region: rect(48px 288px 72px 264px);
570
478
}
571
 
#cut-button:hover:active {
 
479
#cut-button:not([disabled="true"]):hover:active {
572
480
  -moz-image-region: rect(96px 288px 120px 264px);
573
481
}
574
482
 
577
485
#copy-button {
578
486
  -moz-image-region: rect(0px 312px 24px 288px);
579
487
}
580
 
#copy-button:hover {
 
488
#copy-button:not([disabled="true"]):hover {
581
489
  -moz-image-region: rect(24px 312px 48px 288px);
582
490
}
583
491
#copy-button[disabled="true"] {
584
492
  -moz-image-region: rect(48px 312px 72px 288px);
585
493
}
586
 
#copy-button:hover:active {
 
494
#copy-button:not([disabled="true"]):hover:active {
587
495
  -moz-image-region: rect(96px 312px 120px 288px);
588
496
}
589
497
 
592
500
#paste-button {
593
501
  -moz-image-region: rect(0px 336px 24px 312px);
594
502
}
595
 
#paste-button:hover {
 
503
#paste-button:not([disabled="true"]):hover {
596
504
  -moz-image-region: rect(24px 336px 48px 312px);
597
505
}
598
506
#paste-button[disabled="true"] {
599
507
  -moz-image-region: rect(48px 336px 72px 312px);
600
508
}
601
 
#paste-button:hover:active {
 
509
#paste-button:not([disabled="true"]):hover:active {
602
510
  -moz-image-region: rect(96px 336px 120px 312px);
603
511
}
604
512
 
618
526
  -moz-margin-end: 0px;
619
527
}
620
528
 
621
 
toolbar[iconsize="small"] .toolbarbutton-1, 
622
 
.toolbarbutton-menubutton-button {
623
 
  border: 0 !important;
624
 
  padding: 0 !important;
625
 
}
626
 
 
627
 
toolbar[iconsize="small"] .toolbarbutton-1:hover:active:not([disabled]),
628
 
toolbar[iconsize="small"] .toolbarbutton-1[open="true"], 
629
 
toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover:active:not([disabled]),
630
 
toolbar[iconsize="small"] .toolbarbutton-menubutton-button[open="true"] {
631
 
  border: 0 !important;
632
 
  padding: 0 !important;
633
 
}
634
 
 
635
 
toolbar[iconsize="small"] .toolbarbutton-1[checked="true"] {
636
 
  border: 0 !important;
637
 
  padding: 0 !important;
638
 
}
639
 
 
640
529
toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"] {
641
530
  border: 0 !important;
642
 
  padding: 0 !important;
643
531
}
644
532
 
645
533
toolbar[iconsize="small"] .toolbarbutton-menubutton-stack,
648
536
toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover,
649
537
toolbar[iconsize="small"] .toolbarbutton-menubutton-stack:hover:active,
650
538
toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover:active {
651
 
  border: 0 !important;
652
 
  padding: 0 !important;
653
539
  display: -moz-box;
654
540
}
655
541
/* ::::: small back button ::::: */
656
542
 
657
543
/* back button-- */
658
544
 
 
545
toolbar[iconsize="small"] #back-button .toolbarbutton-icon {
 
546
  padding-right: 1px;
 
547
}
659
548
toolbar[iconsize="small"] #back-button {
660
 
  border: 0 !important;
661
 
  padding: 0 !important;
662
549
  -moz-image-region: rect(0px 16px 16px 0px);
663
550
}
664
 
toolbar[iconsize="small"] #back-button:hover,
 
551
toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover,
665
552
toolbar[iconsize="small"] #back-button[buttonover="true"] {
666
553
  -moz-image-region: rect(16px 16px 32px 0px);
667
554
}
668
555
toolbar[iconsize="small"] #back-button[disabled="true"] {
669
 
  -moz-image-region: rect(32px 16px 48px 0px) !important;
670
 
}
671
 
toolbar[iconsize="small"] #back-button:hover:active {
672
 
  -moz-image-region: rect(64px 16px 80px 0px);
673
 
}
674
 
 
675
 
/* small back button dropmarker */
676
 
 
677
 
toolbar[iconsize="small"] #back-button .toolbarbutton-menubutton-dropmarker {
678
 
  border: 0 !important;
679
 
  padding: 0 !important;
680
 
  margin: 0 !important;
681
 
  list-style-image: url("chrome://browser/skin/dropmark-nav-small.png");
682
 
  -moz-image-region: rect(0px 16px 16px 0px);
683
 
}
684
 
toolbar[iconsize="small"] #forward-button[chromedir="rtl"] .toolbarbutton-menubutton-dropmarker {
685
 
  border: 0 !important;
686
 
  padding: 0 !important;
687
 
  margin: 0 !important;
688
 
  list-style-image: url("chrome://browser/skin/dropmark-nav-rtl-small.png");
689
 
  -moz-image-region: rect(0px 16px 16px 0px);
690
 
}
691
 
toolbar[iconsize="small"] #back-button:hover .toolbarbutton-menubutton-dropmarker,
692
 
toolbar[iconsize="small"] #back-button[buttonover="true"] .toolbarbutton-menubutton-dropmarker,
693
 
toolbar[iconsize="small"] #forward-button:hover[chromedir="rtl"] > .toolbarbutton-menubutton-dropmarker,
694
 
toolbar[iconsize="small"] #forward-button[buttonover="true"][chromedir="rtl"] > .toolbarbutton-menubutton-dropmarker {
695
 
  -moz-image-region: rect(16px 16px 32px 0px);
696
 
}
697
 
toolbar[iconsize="small"] #back-button  .toolbarbutton-menubutton-dropmarker[disabled="true"] {
698
 
  list-style-image: url("chrome://browser/skin/dropmark-nav-small.png") !important;
699
 
  -moz-image-region: rect(32px 16px 48px 0px);
700
 
}
701
 
toolbar[iconsize="small"] #forward-button[chromedir="rtl"] > .toolbarbutton-menubutton-dropmarker[disabled="true"] {
702
 
  list-style-image: url("chrome://browser/skin/dropmark-nav-rtl-small.png") !important;
703
 
  -moz-image-region: rect(32px 16px 48px 0px);
704
 
}
705
 
toolbar[iconsize="small"] #back-button[buttondown="true"] .toolbarbutton-menubutton-dropmarker,
706
 
toolbar[iconsize="small"] #back-button:hover:active .toolbarbutton-menubutton-dropmarker,
707
 
toolbar[iconsize="small"] #forward-button[buttondown="true"][chromedir="rtl"]  > .toolbarbutton-menubutton-dropmarker,
708
 
toolbar[iconsize="small"] #forward-button:hover:active[chromedir="rtl"]  > .toolbarbutton-menubutton-dropmarker {
 
556
  -moz-image-region: rect(32px 16px 48px 0px);
 
557
}
 
558
toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover:active {
709
559
  -moz-image-region: rect(64px 16px 80px 0px);
710
560
}
711
561
 
712
562
 
713
563
/* small forward button-- */
714
564
 
 
565
toolbar[iconsize="small"] #forward-button .toolbarbutton-icon {
 
566
  padding-right: 1px;
 
567
}
715
568
toolbar[iconsize="small"] #forward-button {
716
569
  -moz-image-region: rect(0px 32px 16px 16px);
717
570
}
718
 
toolbar[iconsize="small"] #forward-button:hover,
 
571
toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover,
719
572
toolbar[iconsize="small"] #forward-button[buttonover="true"] {
720
573
  -moz-image-region: rect(16px 32px 32px 16px);
721
574
}
722
575
toolbar[iconsize="small"] #forward-button[disabled="true"] {
723
 
  -moz-image-region: rect(32px 32px 48px 16px) !important;
 
576
  -moz-image-region: rect(32px 32px 48px 16px);
724
577
}
725
 
toolbar[iconsize="small"] #forward-button:hover:active {
 
578
toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover:active {
726
579
  -moz-image-region: rect(64px 32px 80px 16px);
727
580
}
728
581
 
729
 
/* small forward button dropmarker */
730
 
 
731
 
toolbar[iconsize="small"] #forward-button .toolbarbutton-menubutton-dropmarker {
732
 
  border: 0 !important;
733
 
  padding: 0 !important;
734
 
  margin: 0 !important;
735
 
  list-style-image: url("chrome://browser/skin/dropmark-nav-small.png");
736
 
  -moz-image-region: rect(0px 16px 16px 0px);
737
 
}
738
 
toolbar[iconsize="small"] #back-button[chromedir="rtl"] .toolbarbutton-menubutton-dropmarker {
739
 
  border: 0 !important;
740
 
  padding: 0 !important;
741
 
  margin: 0 !important;
742
 
  list-style-image: url("chrome://browser/skin/dropmark-nav-rtl-small.png");
743
 
  -moz-image-region: rect(0px 16px 16px 0px);
744
 
}
745
 
toolbar[iconsize="small"] #forward-button:hover .toolbarbutton-menubutton-dropmarker,
746
 
toolbar[iconsize="small"] #forward-button[buttonover="true"] .toolbarbutton-menubutton-dropmarker,
747
 
toolbar[iconsize="small"] #back-button:hover[chromedir="rtl"] .toolbarbutton-menubutton-dropmarker,
748
 
toolbar[iconsize="small"] #back-button[buttonover="true"][chromedir="rtl"] .toolbarbutton-menubutton-dropmarker {
749
 
  -moz-image-region: rect(16px 16px 32px 0px);
750
 
}
751
 
toolbar[iconsize="small"] #forward-button .toolbarbutton-menubutton-dropmarker[disabled="true"] {
752
 
  list-style-image: url("chrome://browser/skin/dropmark-nav-small.png") !important;
753
 
  -moz-image-region: rect(32px 16px 48px 0px);
754
 
}
755
 
toolbar[iconsize="small"] #back-button[chromedir="rtl"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
756
 
  list-style-image: url("chrome://browser/skin/dropmark-nav-rtl-small.png") !important;
757
 
  -moz-image-region: rect(32px 16px 48px 0px);
758
 
}
759
 
toolbar[iconsize="small"] #forward-button[buttondown="true"] .toolbarbutton-menubutton-dropmarker,
760
 
toolbar[iconsize="small"] #forward-button:hover:active .toolbarbutton-menubutton-dropmarker,
761
 
toolbar[iconsize="small"] #back-button[buttondown="true"][chromedir="rtl"] .toolbarbutton-menubutton-dropmarker,
762
 
toolbar[iconsize="small"] #back-button:hover:active[chromedir="rtl"] .toolbarbutton-menubutton-dropmarker{
763
 
  -moz-image-region: rect(64px 16px 80px 0px);
764
 
}
765
 
 
766
582
/* stop button */
767
583
 
 
584
toolbar[iconsize="small"] #stop-button .toolbarbutton-icon {
 
585
  padding-left: 1px;
 
586
}
768
587
toolbar[iconsize="small"] #stop-button {
769
588
  -moz-image-region: rect(0px 48px 16px 32px);
770
589
}
771
 
toolbar[iconsize="small"] #stop-button:hover {
 
590
toolbar[iconsize="small"] #stop-button:not([disabled="true"]):hover {
772
591
  -moz-image-region: rect(16px 48px 32px 32px);
773
592
}
774
593
toolbar[iconsize="small"] #stop-button[disabled="true"] {
775
 
  -moz-image-region: rect(32px 48px 48px 32px) !important;
 
594
  -moz-image-region: rect(32px 48px 48px 32px);
776
595
}
777
 
toolbar[iconsize="small"] #stop-button:hover:active {
 
596
toolbar[iconsize="small"] #stop-button:not([disabled="true"]):hover:active {
778
597
  -moz-image-region: rect(64px 48px 80px 32px);
779
598
}
 
599
 
780
600
/* reload button */
781
601
 
 
602
toolbar[iconsize="small"] #reload-button .toolbarbutton-icon {
 
603
  padding-left: 1px;
 
604
}
782
605
toolbar[iconsize="small"] #reload-button {
783
606
  -moz-image-region: rect(0px 64px 16px 48px);
784
607
}
785
 
toolbar[iconsize="small"] #reload-button:hover {
 
608
toolbar[iconsize="small"] #reload-button:not([disabled="true"]):hover {
786
609
  -moz-image-region: rect(16px 64px 32px 48px);
787
610
}
788
611
toolbar[iconsize="small"] #reload-button[disabled="true"] {
789
612
  -moz-image-region: rect(32px 64px 48px 48px);
790
613
}
791
 
toolbar[iconsize="small"] #reload-button:hover:active {
 
614
toolbar[iconsize="small"] #reload-button:not([disabled="true"]):hover:active {
792
615
  -moz-image-region: rect(64px 64px 80px 48px);
793
616
}
794
617
/* home button */
795
618
 
 
619
toolbar[iconsize="small"] #home-button .toolbarbutton-icon {
 
620
  padding-left: 1px;
 
621
}
796
622
toolbar[iconsize="small"] #home-button {
797
623
  -moz-image-region: rect(0px 80px 16px 64px);
798
624
}
799
 
toolbar[iconsize="small"] #home-button:hover {
 
625
toolbar[iconsize="small"] #home-button:not([disabled="true"]):hover {
800
626
  -moz-image-region: rect(16px 80px 32px 64px);
801
627
}
802
628
toolbar[iconsize="small"] #home-button[disabled="true"] {
803
629
  -moz-image-region: rect(32px 80px 48px 64px);
804
630
}
805
 
toolbar[iconsize="small"] #home-button:hover:active {
 
631
toolbar[iconsize="small"] #home-button:not([disabled="true"]):hover:active {
806
632
  -moz-image-region: rect(64px 80px 80px 64px);
807
633
}
808
634
 
809
635
/* download manager button */
810
636
 
 
637
toolbar[iconsize="small"] #downloads-button .toolbarbutton-icon {
 
638
  padding-left: 1px;
 
639
}
811
640
toolbar[iconsize="small"] #downloads-button {
812
641
  -moz-image-region: rect(0px 96px 16px 80px);
813
642
}
814
 
toolbar[iconsize="small"] #downloads-button:hover {
 
643
toolbar[iconsize="small"] #downloads-button:not([disabled="true"]):hover {
815
644
  -moz-image-region: rect(16px 96px 32px 80px);
816
645
}
817
646
toolbar[iconsize="small"] #downloads-button[disabled="true"] {
818
 
  -moz-image-region: rect(32px 96px 48px 80px) !important;
 
647
  -moz-image-region: rect(32px 96px 48px 80px);
819
648
}
820
 
toolbar[iconsize="small"] #downloads-button:hover:active {
 
649
toolbar[iconsize="small"] #downloads-button:not([disabled="true"]):hover:active {
821
650
  -moz-image-region: rect(64px 96px 80px 80px);
822
651
}
823
652
 
824
653
/* history sidebar button */
825
654
 
 
655
toolbar[iconsize="small"] #history-button .toolbarbutton-icon {
 
656
  padding-left: 1px;
 
657
}
826
658
toolbar[iconsize="small"] #history-button {
827
659
  -moz-image-region: rect(0px 112px 16px 96px);
828
660
}
829
 
toolbar[iconsize="small"] #history-button:hover {
 
661
toolbar[iconsize="small"] #history-button:not([disabled="true"]):not([checked="true"]):hover {
830
662
  -moz-image-region: rect(16px 112px 32px 96px);
831
663
}
832
664
toolbar[iconsize="small"] #history-button[disabled="true"] {
833
 
  -moz-image-region: rect(32px 112px 48px 96px) !important;
834
 
}
835
 
toolbar[iconsize="small"] #history-button:hover:active {
 
665
  -moz-image-region: rect(32px 112px 48px 96px);
 
666
}
 
667
toolbar[iconsize="small"] #history-button[checked="true"] {
 
668
  -moz-image-region: rect(48px 112px 64px 96px);
 
669
}
 
670
toolbar[iconsize="small"] #history-button:not([disabled="true"]):not([checked="true"]):hover:active {
836
671
  -moz-image-region: rect(64px 112px 80px 96px);
837
672
}
838
673
 
839
674
/* bookmark sidebar button */
840
675
 
 
676
toolbar[iconsize="small"] #bookmarks-button .toolbarbutton-icon {
 
677
  padding-left: 2px;
 
678
}
841
679
toolbar[iconsize="small"] #bookmarks-button {
842
680
  -moz-image-region: rect(0px 128px 16px 112px);
843
681
}
844
 
toolbar[iconsize="small"] #bookmarks-button:hover {
 
682
toolbar[iconsize="small"] #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover {
845
683
  -moz-image-region: rect(16px 128px 32px 112px);
846
684
}
847
685
toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
848
 
  -moz-image-region: rect(32px 128px 48px 112px) !important;
 
686
  -moz-image-region: rect(32px 128px 48px 112px);
849
687
}
850
688
toolbar[iconsize="small"] #bookmarks-button[checked="true"] {
851
 
  -moz-image-region: rect(48px 128px 64px 112px) !important;
 
689
  -moz-image-region: rect(48px 128px 64px 112px);
852
690
}
853
 
toolbar[iconsize="small"] #bookmarks-button:hover:active {
 
691
toolbar[iconsize="small"] #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover:active {
854
692
  -moz-image-region: rect(64px 128px 80px 112px);
855
693
}
856
694
 
857
695
/* print button */
858
696
 
 
697
toolbar[iconsize="small"] #print-button .toolbarbutton-icon {
 
698
  padding-left: 1px;
 
699
}
859
700
toolbar[iconsize="small"] #print-button {
860
701
  -moz-image-region: rect(0px 144px 16px 128px);
861
702
}
862
 
toolbar[iconsize="small"] #print-button:hover {
 
703
toolbar[iconsize="small"] #print-button:not([disabled="true"]):hover {
863
704
  -moz-image-region: rect(16px 144px 32px 128px);
864
705
}
865
706
toolbar[iconsize="small"] #print-button[disabled="true"] {
866
 
  -moz-image-region: rect(32px 144px 48px 128px) !important;
 
707
  -moz-image-region: rect(32px 144px 48px 128px);
867
708
}
868
 
toolbar[iconsize="small"] #print-button:hover:active {
 
709
toolbar[iconsize="small"] #print-button:not([disabled="true"]):hover:active {
869
710
  -moz-image-region: rect(64px 144px 80px 128px);
870
711
}
871
712
 
872
713
/* new tab button */
873
714
 
 
715
toolbar[iconsize="small"] #new-tab-button .toolbarbutton-icon {
 
716
  padding-left: 1px;
 
717
}
874
718
toolbar[iconsize="small"] #new-tab-button {
875
719
  -moz-image-region: rect(0px 160px 16px 144px);
876
720
}
877
 
toolbar[iconsize="small"] #new-tab-button:hover {
 
721
toolbar[iconsize="small"] #new-tab-button:not([disabled="true"]):hover {
878
722
  -moz-image-region: rect(16px 160px 32px 144px);
879
723
}
880
724
toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
881
 
  -moz-image-region: rect(32px 160px 48px 144px) !important;
 
725
  -moz-image-region: rect(32px 160px 48px 144px);
882
726
}
883
 
toolbar[iconsize="small"] #new-tab-button:hover:active {
 
727
toolbar[iconsize="small"] #new-tab-button:not([disabled="true"]):hover:active {
884
728
  -moz-image-region: rect(64px 160px 80px 144px);
885
729
}
886
730
 
889
733
toolbar[iconsize="small"] #new-window-button {
890
734
  -moz-image-region: rect(0px 176px 16px 160px);
891
735
}
892
 
toolbar[iconsize="small"] #new-window-button:hover {
 
736
toolbar[iconsize="small"] #new-window-button:not([disabled="true"]):hover {
893
737
  -moz-image-region: rect(16px 176px 32px 160px);
894
738
}
895
739
toolbar[iconsize="small"] #new-window-button[disabled="true"] {
896
 
  -moz-image-region: rect(32px 176px 48px 160px) !important;
 
740
  -moz-image-region: rect(32px 176px 48px 160px);
897
741
}
898
 
toolbar[iconsize="small"] #new-window-button:hover:active {
 
742
toolbar[iconsize="small"] #new-window-button:not([disabled="true"]):hover:active {
899
743
  -moz-image-region: rect(64px 176px 80px 160px);
900
744
}
901
745
 
902
746
/* cut button */
903
747
 
 
748
toolbar[iconsize="small"] #cut-button .toolbarbutton-icon {
 
749
  padding-right: 1px;
 
750
}
904
751
toolbar[iconsize="small"] #cut-button {
905
752
  -moz-image-region: rect(0px 192px 16px 176px);
906
753
}
907
 
toolbar[iconsize="small"] #cut-button:hover {
 
754
toolbar[iconsize="small"] #cut-button:not([disabled="true"]):hover {
908
755
  -moz-image-region: rect(16px 192px 32px 176px);
909
756
}
910
757
toolbar[iconsize="small"] #cut-button[disabled="true"] {
911
 
  -moz-image-region: rect(32px 192px 48px 176px) !important;
 
758
  -moz-image-region: rect(32px 192px 48px 176px);
912
759
}
913
 
toolbar[iconsize="small"] #cut-button:hover:active {
 
760
toolbar[iconsize="small"] #cut-button:not([disabled="true"]):hover:active {
914
761
  -moz-image-region: rect(64px 192px 80px 176px);
915
762
}
916
763
 
917
764
/* copy button */
918
765
 
 
766
toolbar[iconsize="small"] #copy-button .toolbarbutton-icon {
 
767
  padding-left: 1px;
 
768
}
919
769
toolbar[iconsize="small"] #copy-button {
920
770
  -moz-image-region: rect(0px 208px 16px 192px);
921
771
}
922
 
toolbar[iconsize="small"] #copy-button:hover {
 
772
toolbar[iconsize="small"] #copy-button:not([disabled="true"]):hover {
923
773
  -moz-image-region: rect(16px 208px 32px 192px);
924
774
}
925
775
toolbar[iconsize="small"] #copy-button[disabled="true"] {
926
776
  -moz-image-region: rect(32px 208px 48px 192px);
927
777
}
928
 
toolbar[iconsize="small"] #copy-button:hover:active {
 
778
toolbar[iconsize="small"] #copy-button:not([disabled="true"]):hover:active {
929
779
  -moz-image-region: rect(64px 208px 80px 192px);
930
780
}
931
781
 
932
782
/* paste button */
933
783
 
 
784
toolbar[iconsize="small"] #paste-button .toolbarbutton-icon {
 
785
  padding-left: 1px;
 
786
}
934
787
toolbar[iconsize="small"] #paste-button {
935
788
  -moz-image-region: rect(0px 224px 16px 208px);
936
789
}
937
 
toolbar[iconsize="small"] #paste-button:hover {
 
790
toolbar[iconsize="small"] #paste-button:not([disabled="true"]):hover {
938
791
  -moz-image-region: rect(16px 224px 32px 208px);
939
792
}
940
793
toolbar[iconsize="small"] #paste-button[disabled="true"] {
941
794
  -moz-image-region: rect(32px 224px 48px 208px);
942
795
}
943
 
toolbar[iconsize="small"] #paste-button:hover:active {
 
796
toolbar[iconsize="small"] #paste-button:not([disabled="true"]):hover:active {
944
797
  -moz-image-region: rect(64px 224px 80px 208px);
945
798
}
946
799
 
969
822
/* ::::: nav-bar-inner ::::: */
970
823
 
971
824
#urlbar {
972
 
  margin: 2px 0 2px 0;
973
 
%ifdef MOZ_WIDGET_GTK2
 
825
  margin-bottom: 2px;
 
826
  margin-top: 2px;
 
827
  -moz-margin-end: 0px;
974
828
  -moz-margin-start: 3px;
975
 
%endif
 
829
  width: 7em;
 
830
  min-width: 7em;
 
831
 
 
832
  -moz-appearance: none;
 
833
  -moz-border-top-colors: #96969D;
 
834
  -moz-border-bottom-colors: #96969D;
 
835
  -moz-border-right-colors: #96969D;
 
836
  -moz-border-left-colors: #96969D;
 
837
  border: 1px solid;
 
838
}
 
839
 
 
840
#urlbar-container {
 
841
  -moz-box-orient: horizontal;
 
842
  -moz-box-align: stretch;
 
843
  -moz-margin-end: 5px;
976
844
}
977
845
 
978
846
/* This needs to be at least as large as the maximum possible width
983
851
  width: 100px;
984
852
}
985
853
 
986
 
#urlbar-spacer {
987
 
  visibility: hidden;
988
 
  height: 0px;  /* We just want this widget's horizontal size behavior */
 
854
#urlbar-icons {
 
855
  height: 18px;
989
856
}
990
857
 
991
858
#wrapper-urlbar-container #urlbar {
997
864
  display: none;
998
865
}
999
866
 
 
867
/* Keep the URL bar LTR */
 
868
 
 
869
#urlbar .autocomplete-textbox-container {
 
870
  direction: ltr;
 
871
}
 
872
 
 
873
#PopupAutoComplete {
 
874
  direction: ltr !important;
 
875
}
 
876
 
 
877
#PopupAutoComplete[chromedir="rtl"] > tree > treerows {
 
878
  direction: rtl;
 
879
}
 
880
 
 
881
#PopupAutoComplete .autocomplete-treebody {
 
882
  direction: ltr;
 
883
}
 
884
 
1000
885
/* ::::: page proxy icon ::::: */
1001
886
 
1002
887
#page-proxy-deck,
1048
933
 
1049
934
/* ::::: go button ::::: */
1050
935
 
1051
 
#go-container {
1052
 
  -moz-box-orient: vertical; /* for go button flex hack */
1053
 
  -moz-margin-end: 5px;
1054
 
}
1055
 
 
1056
 
#go-button {
1057
 
  /* -moz-box-flex: 1;  expand to fill toolbar height */
 
936
/* In text icon mode, the Go button scales independently of the location bar,
 
937
 * and the button can be much taller, so we have to center align the elements
 
938
 * (instead of stretching them) to prevent the location bar from stretching
 
939
 * vertically to match the button's height and growing too tall. Despite this
 
940
 * center alignment, the history dropmarker still stretches to the location
 
941
 * bar's height, as it's inside the location bar's textbox, which is stretchy.
 
942
 */
 
943
toolbar[mode="text"] #urlbar-button-box {
 
944
  -moz-box-align: center;
 
945
}
 
946
 
 
947
toolbar[mode="text"] #go-button {
 
948
  -moz-margin-start: 5px;
 
949
}
 
950
 
 
951
toolbar[mode="text"] #go-button,
 
952
toolbar[mode="text"] #go-button-stack .go-button-background {
 
953
  list-style-image: none;
 
954
  background-image: none;
 
955
}
 
956
 
 
957
toolbar[mode="text"] #go-button-stack {
 
958
  padding: 0;
 
959
}
 
960
 
 
961
#go-button-stack {
 
962
  padding: 2px 0px 2px 0px;
 
963
}
 
964
 
 
965
toolbar:not([mode="text"]) #go-button {
1058
966
  -moz-appearance: none;
1059
 
  list-style-image: url("chrome://browser/skin/Go.png");
 
967
  list-style-image: url("chrome://browser/skin/Go-arrow.png");
1060
968
  -moz-image-region: rect(0px 25px 22px 0px);
1061
969
  border: 0px;
1062
 
  padding-top: 2px;
1063
 
  padding-bottom: 2px;
1064
 
  -moz-padding-start: 0;
1065
 
  -moz-padding-end: 5px;
1066
 
}
1067
 
 
1068
 
#go-button[chromedir="rtl"] {
1069
 
  list-style-image: url("chrome://browser/skin/Go-rtl.png");
1070
 
}
1071
 
 
1072
 
#go-button:hover {
 
970
  padding: 0px;
 
971
  margin: 0px;
 
972
}
 
973
 
 
974
toolbar:not([mode="text"]) #go-button[chromedir="rtl"] {
 
975
  list-style-image: url("chrome://browser/skin/Go-arrow-rtl.png");
 
976
}
 
977
 
 
978
toolbar:not([mode="text"]) #go-button-top {
 
979
  list-style-image: url("chrome://browser/skin/Go-bkgnd.png");
 
980
  -moz-image-region: rect(0px, 25px, 10px, 0px);
 
981
  height: 10px;
 
982
}
 
983
 
 
984
/* GTK does not stretch image regions properly, so use background
 
985
   images instead.  See bugs 351764 and 254659. */
 
986
toolbar:not([mode="text"]) #go-button-mid-top {
 
987
  background-image: url("chrome://browser/skin/Go-mid-top.png");
 
988
}
 
989
 
 
990
toolbar:not([mode="text"]) #go-button-mid-bottom {
 
991
  background-image: url("chrome://browser/skin/Go-mid-bottom.png");
 
992
}
 
993
 
 
994
toolbar:not([mode="text"]) #go-button-bottom {
 
995
  list-style-image: url("chrome://browser/skin/Go-bkgnd.png");
 
996
  -moz-image-region: rect(12px, 25px, 22px, 0px);
 
997
  height: 10px;
 
998
}
 
999
 
 
1000
toolbar:not([mode="text"]) #go-button-top[chromedir="rtl"],
 
1001
toolbar:not([mode="text"]) #go-button-bottom[chromedir="rtl"] {
 
1002
  list-style-image: url("chrome://browser/skin/Go-bkgnd-rtl.png");
 
1003
}
 
1004
 
 
1005
toolbar:not([mode="text"]) #go-button-mid-top[chromedir="rtl"] {
 
1006
  background-image: url("chrome://browser/skin/Go-mid-top-rtl.png");
 
1007
}
 
1008
 
 
1009
toolbar:not([mode="text"]) #go-button-mid-bottom[chromedir="rtl"] {
 
1010
  background-image: url("chrome://browser/skin/Go-mid-bottom-rtl.png");
 
1011
}
 
1012
 
 
1013
 
 
1014
#go-button-stack:hover #go-button-top {
 
1015
  -moz-image-region: rect(0px, 50px, 10px, 25px);
 
1016
}
 
1017
 
 
1018
#go-button-stack:hover #go-button-mid-top,
 
1019
#go-button-stack:hover #go-button-mid-bottom {
 
1020
  background-position: -25px 0px;
 
1021
}
 
1022
 
 
1023
#go-button-stack:hover #go-button-bottom {
 
1024
  -moz-image-region: rect(12px, 50px, 22px, 25px);
 
1025
}
 
1026
 
 
1027
 
 
1028
/* Disabled images are not used. */
 
1029
#go-button-stack[disabled="true"] #go-button-top {
 
1030
  -moz-image-region: rect(0px, 75px, 10px, 50px) !important;
 
1031
}
 
1032
 
 
1033
#go-button-stack[disabled="true"] #go-button-mid-top,
 
1034
#go-button-stack[disabled="true"] #go-button-mid-bottom {
 
1035
  background-position: -50px 0px;
 
1036
}
 
1037
 
 
1038
#go-button-stack[disabled="true"] #go-button-bottom {
 
1039
  -moz-image-region: rect(12px, 75px, 22px, 50px) !important;
 
1040
}
 
1041
 
 
1042
 
 
1043
#go-button-stack:hover:active #go-button-top {
 
1044
  -moz-image-region: rect(0px, 100px, 10px, 75px);
 
1045
}
 
1046
 
 
1047
#go-button-stack:hover:active #go-button-mid-top,
 
1048
#go-button-stack:hover:active #go-button-mid-bottom {
 
1049
  background-position: -75px;
 
1050
}
 
1051
 
 
1052
#go-button-stack:hover:active #go-button-bottom {
 
1053
  -moz-image-region: rect(12px, 100px, 22px, 75px);
 
1054
}
 
1055
 
 
1056
 
 
1057
toolbar[mode="text"] #go-button > .toolbarbutton-text {
 
1058
  display: -moz-box !important;
 
1059
  -moz-margin-start: 4px !important;
 
1060
}
 
1061
 
 
1062
/* Not used. */
 
1063
#go-button:not([disabled="true"]):hover {
1073
1064
  -moz-image-region: rect(0px 50px 22px 25px);
1074
1065
}
1075
1066
 
1077
1068
  -moz-image-region: rect(0px 75px 22px 50px);
1078
1069
}
1079
1070
 
1080
 
#go-button:hover:active {
 
1071
#go-button:not([disabled="true"]):hover:active {
1081
1072
  -moz-image-region: rect(0px 100px 22px 75px);
1082
 
 /* padding: 3px 4px 1px 0; */
1083
1073
}
1084
1074
 
1085
1075
#go-button > .toolbarbutton-icon {