part 1 of syncing LCARStrek with browser windows/shared theme changes in FIrefox...
[themes.git] / LCARStrek / browser / browser.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/. */
acb0e9b8 4
5@import url("chrome://global/skin/");
fcaeefc2 6@import url("downloads/indicator.css");
acb0e9b8 7
8@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
319c6529
RK
9@namespace html url("http://www.w3.org/1999/xhtml");
10
11toolbar {
12 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar");
13}
acb0e9b8 14
41279e76
RK
15toolbar[type="menubar"][autohide="true"] {
16 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide");
17}
18
acb0e9b8 19menubar {
319c6529 20 -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
acb0e9b8 21}
22
319c6529
RK
23#menubar-items {
24 -moz-box-orient: vertical; /* for flex hack */
acb0e9b8 25}
26
319c6529
RK
27#main-menubar {
28 -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
29}
30
63ada306
RK
31/* ::::: primary toolbar ::::: */
32
33.toolbar-primary > .toolbar-box > .toolbar-holder {
270cbf0c 34 background-color: #A09090;
63ada306
RK
35}
36
37.toolbar-primary > .toolbar-box > .toolbar-startcap,
38.toolbar-primary > .toolbar-box > .toolbar-endcap {
39 background-color: #9C9CFF;
40}
41
42
319c6529
RK
43#navigator-toolbox {
44}
45
9abeb12c
RK
46#navigator-toolbox::after {
47 content: "";
48 display: -moz-box;
49 -moz-box-ordinal-group: 101; /* tabs toolbar is 100 */
50 height: 1px;
51}
52#navigator-toolbox[tabsontop=false]::after,
53#main-window[disablechrome] #navigator-toolbox::after {
54 visibility: collapse;
55}
56
319c6529
RK
57#navigator-toolbox > toolbar:not(:-moz-lwtheme) {
58}
59
d54f5b23 60#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme) {
319c6529
RK
61 /* like menubar */
62 background-color: #6000CF;
63 color: #FF9F00;
64}
d54f5b23 65#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive {
319c6529
RK
66 background-color: #8050B0;
67 color: #FF9F00;
68}
2caba1a9
RK
69#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar > .tabbrowser-tabs > .tabbrowser-tab {
70 padding-top: 3px;
71}
319c6529
RK
72
73#main-window[tabsintitlebar] #titlebar:-moz-lwtheme {
74 visibility: hidden;
75}
76#main-window[tabsintitlebar] #titlebar-content:-moz-lwtheme {
77 -moz-binding: url("chrome://global/content/bindings/general.xml#windowdragbox");
78 visibility: visible;
79}
80
676f0091
RK
81#nav-bar[tabsontop="true"],
82#nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + toolbar,
83#nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + #customToolbars + #PersonalToolbar {
0142a07b 84 /* background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); */
319c6529
RK
85}
86
319c6529 87#personal-bookmarks {
38cfeb47 88/* min-height: 24px; */
319c6529
RK
89}
90
91#print-preview-toolbar:not(:-moz-lwtheme) {
92 /* -moz-appearance: toolbox; */
acb0e9b8 93}
94
319c6529
RK
95/* ::::: app menu button ::::: */
96
97#appmenu-button {
acb0e9b8 98 background-color: #FF9F00;
319c6529
RK
99 background-clip: padding-box;
100 border-radius: 0;
101 border: none;
319c6529
RK
102 border-right: 3px solid #000000;
103 color: #000000;
104 font-weight: bold;
5305ef8d
RK
105 padding: 1px 1.5em;
106 margin: 0;
107}
108
109#appmenu-button:-moz-locale-dir(rtl) {
110 border-left: 3px solid #000000;
111 border-right: none;
acb0e9b8 112}
113
319c6529
RK
114#main-window[privatebrowsingmode=temporary] #appmenu-button {
115 background-color: #6000CF;
116 color: #FFCF00;
117}
118
b36fc72e
RK
119#appmenu-button:hover:not(:active):not([open]) {
120}
121
122#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:not(:active):not([open]) {
123}
124
319c6529
RK
125#appmenu-button:hover,
126#appmenu-button:hover:active,
127#appmenu-button[open] {
128 background-color: #FFCF00;
129 color: #000000;
130}
131
132#appmenu-button > .button-box > .button-menu-dropmarker {
db6435b4 133 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
319c6529
RK
134 width: auto;
135 height: auto;
136 padding: 0;
137 margin: 0;
5305ef8d
RK
138 border: none;
139 background-color: transparent;
319c6529
RK
140 -moz-margin-start: .5em;
141}
142
db6435b4
RK
143#main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .button-menu-dropmarker {
144 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
145}
146
38cfeb47
RK
147#appmenuPrimaryPane > menuitem,
148#appmenuSecondaryPane > menuitem,
149#appmenuPrimaryPane > menu {
150 padding: 2px;
151}
152
d54f5b23 153.splitmenu-menuitem {
38cfeb47
RK
154 -moz-padding-start: 2px;
155 padding-top: 2px;
156 padding-bottom: 2px;
d54f5b23
RK
157 -moz-margin-end: 1px;
158}
159
ab799a7a 160.splitmenu-menu {
38cfeb47
RK
161 padding-top: 2px;
162 padding-bottom: 2px;
319c6529
RK
163 -moz-box-pack: end;
164}
165
166.appmenu-edit-button {
167}
168
169.appmenu-edit-button[disabled="true"] {
170}
171
172#appmenuPrimaryPane {
173 -moz-border-end: 1px solid #9C9CFF;
174}
175/*
176 #appmenu-popup {
177 }
178 #appmenuPrimaryPane {
179 }
180 #appmenuSecondaryPane {
181 }
182 #appmenuSecondaryPane:-moz-locale-dir(rtl) {
183 }
184
185 #appmenuSecondaryPane menupopup {
186 }
187
188 .appmenu-menuseparator {
189 }
190
191 .appmenu-edit-button:not([disabled]):hover {
192 }
193*/
194#appmenuSecondaryPane-spacer {
195 min-height: 1em;
196}
197
9abeb12c
RK
198#appmenu-editmenu {
199 -moz-box-pack: end;
200}
201
319c6529
RK
202#appmenu_print,
203#appmenu_print_popup,
204.appmenu-edit-button,
9abeb12c
RK
205#appmenu-editmenu-cut,
206#appmenu-editmenu-copy,
207#appmenu-editmenu-paste,
319c6529
RK
208#appmenu-quit {
209 list-style-image: url("appmenu-icons.png");
210}
211
9abeb12c
RK
212#appmenu-cut,
213#appmenu-editmenu-cut {
319c6529 214 -moz-image-region: rect(0 16px 16px 0);
acb0e9b8 215}
216
143c5409
RK
217#appmenu-cut:hover:not([disabled="true"]),
218#appmenu-editmenu-cut:hover:not([disabled="true"]) {
219 -moz-image-region: rect(16px 16px 32px 0);
220}
221
222#appmenu-cut[disabled="true"],
223#appmenu-editmenu-cut[disabled="true"] {
224 -moz-image-region: rect(32px 16px 48px 0);
225}
226
9abeb12c
RK
227#appmenu-copy,
228#appmenu-editmenu-copy {
319c6529
RK
229 -moz-image-region: rect(0 32px 16px 16px);
230}
231
143c5409
RK
232#appmenu-copy:hover:not([disabled="true"]),
233#appmenu-editmenu-copy:hover:not([disabled="true"]) {
234 -moz-image-region: rect(16px 32px 32px 16px);
235}
236
237#appmenu-copy[disabled="true"],
238#appmenu-editmenu-copy[disabled="true"] {
239 -moz-image-region: rect(32px 32px 48px 16px);
240}
241
9abeb12c
RK
242#appmenu-paste,
243#appmenu-editmenu-paste {
319c6529
RK
244 -moz-image-region: rect(0 48px 16px 32px);
245}
246
143c5409
RK
247#appmenu-paste:hover:not([disabled="true"]),
248#appmenu-editmenu-paste:hover:not([disabled="true"]) {
249 -moz-image-region: rect(16px 48px 32px 32px);
250}
251
252#appmenu-paste[disabled="true"],
253#appmenu-editmenu-paste[disabled="true"] {
254 -moz-image-region: rect(32px 48px 48px 32px);
255}
256
319c6529
RK
257#appmenu_print,
258#appmenu_print_popup {
259 -moz-image-region: rect(0 64px 16px 48px);
260}
261
143c5409
RK
262#appmenu_print:hover:not([disabled="true"]),
263#appmenu_print[open="true"],
264#appmenu_print_popup:hover:not([disabled="true"]) {
265 -moz-image-region: rect(16px 64px 32px 48px);
266}
267
268#appmenu-print[disabled="true"],
269#appmenu_print_popup[disabled="true"] {
270 -moz-image-region: rect(32px 64px 48px 48px);
271}
272
319c6529
RK
273#appmenu-quit {
274 -moz-image-region: rect(0 80px 16px 64px);
275}
276
143c5409
RK
277#appmenu-quit:hover {
278 -moz-image-region: rect(16px 80px 32px 64px);
279}
280
319c6529
RK
281#appmenu-edit-label {
282 -moz-appearance: none;
283 background: transparent;
284 font-style: italic;
285}
286
287#appmenu_bookmarks {
288 list-style-image: url("chrome://browser/skin/places/bookmark.png");
289 -moz-image-region: rect(0px 48px 16px 32px);
290}
291
0142a07b
RK
292#appmenu_privateBrowsing,
293#appmenu_newPrivateWindow {
319c6529
RK
294 list-style-image: url("chrome://browser/skin/Privacy-16.png");
295}
296
82b4252f
RK
297@media (min-resolution: 1.25dppx) {
298 #appmenu_privateBrowsing,
299 #appmenu_newPrivateWindow {
300 list-style-image: url("chrome://browser/skin/Privacy-32.png");
301 }
302}
303
319c6529
RK
304#appmenu_addons {
305 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
306}
307
82b4252f
RK
308@media (min-resolution: 1.25dppx) {
309 #appmenu_addons {
310 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
311 }
312}
313
319c6529
RK
314#BMB_bookmarkThisPage,
315#appmenu_bookmarkThisPage {
316 list-style-image: url("chrome://browser/skin/places/bookmark.png");
317 -moz-image-region: rect(0 16px 16px 0);
318}
319
320/* ::::: titlebar ::::: */
321
5305ef8d
RK
322#titlebar {
323 /* like menubar */
324 background-color: #6000CF;
325 color: #FF9F00;
326}
327#titlebar:-moz-window-inactive {
328 background-color: #8050B0;
329 color: #FF9F00;
330}
331
319c6529 332#main-window[sizemode="normal"] > #titlebar {
5305ef8d
RK
333 margin-top: -3px;
334 margin-bottom: 3px;
319c6529
RK
335}
336
337#main-window[sizemode="maximized"] > #titlebar {
5305ef8d 338 margin-top: 4px;
319c6529
RK
339}
340
341#titlebar-buttonbox {
5305ef8d
RK
342 margin-top: 5px;
343 -moz-margin-end: 3px;
319c6529
RK
344}
345
346#main-window[sizemode="maximized"] #titlebar-buttonbox {
347}
348
349.titlebar-placeholder[type="appmenu-button"] {
350 margin-left: 4px;
351}
352
353.titlebar-placeholder[type="caption-buttons"] {
354 margin-left: 10px;
355}
356
357/* titlebar command buttons */
358
359#titlebar-min {
5305ef8d
RK
360 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
361}
362
363#titlebar-min:hover {
364 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
319c6529
RK
365}
366
367#titlebar-max {
5305ef8d
RK
368 list-style-image: url("chrome://browser/skin/win-maximize.gif");
369}
370
371#titlebar-max:hover {
372 list-style-image: url("chrome://browser/skin/win-maximize-hover.gif");
319c6529
RK
373}
374
375#main-window[sizemode="maximized"] #titlebar-max {
5305ef8d
RK
376 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
377}
378
379#main-window[sizemode="maximized"] #titlebar-max:hover {
380 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
319c6529
RK
381}
382
383#titlebar-close {
5305ef8d
RK
384 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
385}
386
387#titlebar-close:hover {
388 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
acb0e9b8 389}
390
391/* ::::: bookmark buttons ::::: */
392
fb1aad97
RK
393/*.bookmark-item:not(#bookmarks-menu-button) > .toolbarbutton-icon */
394.bookmark-item > .toolbarbutton-icon {
acb0e9b8 395 width: 16px;
396 height: 16px;
397}
398
399/* Prevent [mode="icons"] from hiding the label */
400.bookmark-item > .toolbarbutton-text {
401 display: -moz-box !important;
402}
403
319c6529
RK
404.bookmark-item > .toolbarbutton-menu-dropmarker {
405 display: none;
406}
407
408#wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box {
c5772fdf 409 background: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") no-repeat center;
319c6529
RK
410}
411
412.bookmarks-toolbar-customize {
413 max-width: 15em !important;
8da9da4e 414 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") !important;
319c6529
RK
415}
416
417/* ::::: bookmark menus ::::: */
418
419menu.bookmark-item,
420menuitem.bookmark-item {
421 min-width: 0;
ab799a7a 422 max-width: 32em;
319c6529
RK
423}
424
425.bookmark-item > .menu-iconic-left {
426 margin-top: 0;
427 margin-bottom: 0;
428}
429
430.bookmark-item > .menu-iconic-left > .menu-iconic-icon {
431 -moz-padding-start: 0px;
432}
433
434/* ::::: bookmark items ::::: */
435
436.bookmark-item {
dce90fef 437 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
8da9da4e 438 -moz-image-region: auto;
319c6529
RK
439}
440
441.bookmark-item[container] {
442 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
8da9da4e 443 -moz-image-region: auto;
319c6529
RK
444}
445
446.bookmark-item[container][open] {
447 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
8da9da4e 448 -moz-image-region: auto;
319c6529
RK
449}
450
8da9da4e
RK
451.bookmark-item[container][livemark] {
452 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-folder.png");
319c6529
RK
453 -moz-image-region: auto;
454}
455
456.bookmark-item[container][livemark] .bookmark-item {
8da9da4e 457 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-item.png");
719b06bc 458 -moz-image-region: rect(0px, 16px, 16px, 0px);
319c6529
RK
459}
460
eec397be 461.bookmark-item[container][livemark] .bookmark-item[visited] {
719b06bc 462 -moz-image-region: rect(0px, 32px, 16px, 16px);
eec397be
RK
463}
464
319c6529 465.bookmark-item[container][query] {
8da9da4e 466 list-style-image: url("chrome://communicator/skin/bookmarks/query.png");
319c6529
RK
467 -moz-image-region: auto;
468}
469
470.bookmark-item[query][tagContainer] {
471 list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
472 -moz-image-region: auto;
473}
474
475.bookmark-item[query][dayContainer] {
8da9da4e 476 list-style-image: url("chrome://communicator/skin/history/calendar.png");
319c6529
RK
477 -moz-image-region: auto;
478}
479
480.bookmark-item[query][hostContainer] {
481 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
8da9da4e 482 -moz-image-region: auto;
319c6529
RK
483}
484
485.bookmark-item[query][hostContainer][open] {
486 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
8da9da4e 487 -moz-image-region: auto;
319c6529
RK
488}
489
b1234db8
RK
490.bookmark-item[cutting] > .toolbarbutton-icon,
491.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon {
492 opacity: 0.5;
493}
494
495.bookmark-item[cutting] > .toolbarbutton-text,
496.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text {
497 opacity: 0.7;
498}
499
319c6529
RK
500/* ::::: primary toolbar buttons ::::: */
501
63ada306 502.toolbarbutton-1 {
a736ce46 503 list-style-image: url("chrome://browser/skin/FxToolbar.png");
63ada306
RK
504}
505
506.toolbarbutton-1:not([type="menu-button"]) {
507 -moz-box-orient: vertical;
508}
509
319c6529
RK
510.toolbarbutton-1,
511.toolbarbutton-1 > .toolbarbutton-menubutton-button {
512 min-width: 36px;
513 min-height: 36px;
319c6529
RK
514}
515
ab799a7a
RK
516.toolbarbutton-1:not([type="menu-button"]) {
517 -moz-box-orient: vertical;
319c6529
RK
518}
519
520.toolbarbutton-1,
521.toolbarbutton-1 > .toolbarbutton-menubutton-button,
522.toolbarbutton-1[disabled="true"]:hover:active,
523.toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-menubutton-button {
524 padding: 1px 2px;
525}
526
527.toolbarbutton-1:hover:active,
528.toolbarbutton-1[open="true"],
529.toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button {
530 padding-top: 2px;
531 padding-bottom: 0px;
532 -moz-padding-start: 3px;
533 -moz-padding-end: 1px;
534}
535
319c6529
RK
536/* ::::: small primary toolbar buttons ::::: */
537
9abeb12c
RK
538#nav-bar {
539 /* force iconsize="small" on this toolbar */
540 counter-reset: smallicons;
541}
542
319c6529
RK
543toolbar[mode="text"] .toolbarbutton-1,
544toolbar[mode="icons"] .toolbarbutton-1,
545toolbar[iconsize="small"] .toolbarbutton-1,
546:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1,
547toolbar[mode="text"] .toolbarbutton-menubutton-button,
548toolbar[mode="icons"] .toolbarbutton-menubutton-button,
549toolbar[iconsize="small"] .toolbarbutton-menubutton-button,
550:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button {
551 min-width: 0px;
552 min-height: 0px;
553}
554
555toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker {
556 padding-top: 4px;
557 padding-bottom: 8px;
558 -moz-padding-start: 1px;
559 -moz-padding-end: 1px;
560}
561
562toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker,
563toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker,
564:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
565 padding-top: 0px;
566 padding-bottom: 13px;
567 -moz-padding-start: 1px;
568 -moz-padding-end: 1px;
569}
570
571toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
572toolbar[mode="text"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
573 padding-top: 5px;
574 padding-bottom: 7px;
575 -moz-padding-start: 0px;
576 -moz-padding-end: 2px;
577}
578
579toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
580toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
581toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
582toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
583:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
584:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
585 padding-top: 1px;
586 padding-bottom: 12px;
587 -moz-padding-start: 0px;
588 -moz-padding-end: 2px;
589}
590
591toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
592 padding-top: 4px !important;
593 padding-bottom: 8px !important;
594 -moz-padding-start: 1px !important;
595 -moz-padding-end: 1px !important;
596}
597
598toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker[disabled="true"],
599toolbar[iconsize="small"] > .toolbarbutton-menubutton-dropmarker[disabled="true"] {
600 padding-top: 0px !important;
601 padding-bottom: 13px !important;
602 -moz-padding-start: 1px !important;
603 -moz-padding-end: 1px !important;
604}
605
606toolbar[mode="icons"] .toolbarbutton-text,
607toolbar[mode="text"] .toolbarbutton-icon {
608 display: none;
609}
610
611toolbar[mode="text"] .toolbarbutton-text {
612 padding: 4px 0;
613}
614
615toolbar[mode="text"] .toolbarbutton-1,
616toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
617 -moz-box-orient: horizontal;
618}
619
620toolbar[mode="full"] .toolbarbutton-1,
621toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
622 min-width: 30px;
623}
624
d54f5b23 625#navigator-toolbox[iconsize=small] > #nav-bar {
d54f5b23
RK
626}
627
628#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar {
d54f5b23
RK
629}
630
631
319c6529
RK
632/* unified back/forward button */
633
634#back-button {
635 -moz-image-region: rect(0, 18px, 18px, 0);
636 -moz-margin-end: 0;
637}
638
38cfeb47
RK
639#back-button:not([disabled="true"]):hover {
640 -moz-image-region: rect(18px, 18px, 36px, 0);
641}
642
643#back-button[disabled="true"] {
644 -moz-image-region: rect(36px, 18px, 54px, 0);
645}
646
319c6529
RK
647#forward-button {
648 -moz-image-region: rect(0, 36px, 18px, 18px);
649 border-left: none;
650 -moz-margin-start: 0;
651}
652
38cfeb47
RK
653#forward-button:not([disabled="true"]):hover {
654 -moz-image-region: rect(18px, 36px, 36px, 18px);
655}
656
657#forward-button[disabled="true"] {
658 -moz-image-region: rect(36px, 36px, 54px, 18px);
b36fc72e
RK
659}
660
319c6529
RK
661#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
662#forward-button:-moz-locale-dir(rtl),
663#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text {
71a617ff 664 transform: scaleX(-1);
319c6529
RK
665}
666
b36fc72e
RK
667#nav-bar #back-button {
668 -moz-margin-end: 0 !important;
669}
670
671#nav-bar #forward-button {
672 border-left-style: none;
673 -moz-margin-start: 0 !important;
674}
675
676#nav-bar #back-button:-moz-locale-dir(ltr) {
319c6529
RK
677 border-top-right-radius: 0;
678 border-bottom-right-radius: 0;
679}
680
b36fc72e
RK
681#nav-bar #back-button:-moz-locale-dir(rtl),
682#nav-bar #forward-button {
319c6529
RK
683 border-top-left-radius: 0;
684 border-bottom-left-radius: 0;
685}
686
676f0091
RK
687window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
688 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
689 #unified-back-forward-button > #back-button {
319c6529
RK
690 border-radius: 10000px;
691 width: 30px;
692 height: 30px;
693 position: relative;
694 z-index: 1;
695 margin-top: -2px;
696 margin-bottom: -2px;
697 border: none;
38cfeb47
RK
698 -moz-image-region: rect(54px, 20px, 74px, 0);
699}
700
676f0091
RK
701window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
702 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
703 #unified-back-forward-button > #back-button:not([disabled="true"]):hover,
704window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
705 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
706 #unified-back-forward-button > #back-button[open="true"] {
38cfeb47
RK
707 -moz-image-region: rect(54px, 40px, 74px, 20px);
708}
709
676f0091
RK
710window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
711 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
712 #unified-back-forward-button > #back-button[disabled="true"] {
38cfeb47 713 -moz-image-region: rect(54px, 60px, 74px, 40px);
319c6529
RK
714}
715
676f0091
RK
716window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
717 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
718 #unified-back-forward-button > #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover {
319c6529
RK
719}
720
676f0091
RK
721window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
722 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
723 #unified-back-forward-button > #back-button:not([disabled="true"]):hover:active,
724window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
725 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
726 #unified-back-forward-button > #back-button[open="true"] {
319c6529
RK
727}
728
9abeb12c
RK
729#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar[currentset*="unified-back-forward-button"],
730#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar:not([currentset]) {
319c6529
RK
731/* padding-top: 3px;
732 padding-bottom: 5px; */
733}
734
9abeb12c
RK
735#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar[currentset*="unified-back-forward-button"],
736#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar:not([currentset]) {
319c6529
RK
737/* padding-top: 5px; */
738}
739
676f0091
RK
740window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
741 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
742 #unified-back-forward-button > #forward-button {
319c6529 743 /*mask: url(keyhole-forward-mask.svg#mask); XXX: this regresses twinopen */
2a5b7882 744 /*clip-path: url("chrome://browser/content/browser.xul#winstripe-keyhole-forward-clip-path"); */
9abeb12c 745 -moz-margin-start: -6px !important;
319c6529
RK
746 padding-left: 7px;
747 padding-right: 3px;
e8519ae0
RK
748 margin-top: 2px;
749 margin-bottom: 2px;
750}
751
676f0091
RK
752window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
753 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
754 #unified-back-forward-button > #forward-button:-moz-locale-dir(ltr) {
e8519ae0
RK
755 border-top-right-radius: 11px;
756 border-bottom-right-radius: 11px;
757}
758
676f0091
RK
759window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
760 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
761 #unified-back-forward-button > #forward-button:-moz-locale-dir(rtl) {
e8519ae0
RK
762 border-top-left-radius: 11px;
763 border-bottom-left-radius: 11px;
319c6529
RK
764}
765
319c6529
RK
766.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr),
767.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
71bac478
RK
768 list-style-image: url("chrome://global/skin/arrow/arrow-left.gif") !important;
769}
770
771.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr):hover,
772.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl):hover {
773 list-style-image: url("chrome://global/skin/arrow/arrow-left-hover.gif") !important;
319c6529
RK
774}
775
776.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr),
777.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
71bac478
RK
778 list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important;
779}
780
781.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr):hover,
782.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl):hover {
783 list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important;
319c6529
RK
784}
785
8ad8bf83
RK
786window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
787 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
788 #unified-back-forward-button > #forward-button {
e8519ae0 789/* border-top-right-radius: 0;
8ad8bf83 790 border-bottom-right-radius: 0;
e8519ae0 791 -moz-margin-end: 0; */
8ad8bf83
RK
792}
793
794window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
795 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
796 #unified-back-forward-button:not([switchingtabs]) > #forward-button {
71a617ff 797 transition: opacity 150ms ease-out;
8ad8bf83
RK
798}
799
800window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
801 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
802 #unified-back-forward-button:not(:hover) > #forward-button[disabled] {
803 opacity: 0;
804}
805
e8519ae0
RK
806window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
807 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
808 #unified-back-forward-button:hover > #forward-button[disabled] {
809 background-color: transparent;
810}
811
319c6529
RK
812#stop-button {
813 -moz-image-region: rect(0, 54px, 18px, 36px);
814}
815
143c5409
RK
816#stop-button:not([disabled="true"]):hover {
817 -moz-image-region: rect(18px, 54px, 36px, 36px);
818}
819
820#stop-button[disabled="true"] {
821 -moz-image-region: rect(36px, 54px, 54px, 36px);
822}
823
319c6529
RK
824#reload-button {
825 -moz-image-region: rect(0, 72px, 18px, 54px);
826}
827
143c5409
RK
828#reload-button:not([disabled="true"]):hover {
829 -moz-image-region: rect(18px, 72px, 36px, 54px);
830}
831
832#reload-button[disabled="true"] {
833 -moz-image-region: rect(36px, 72px, 54px, 54px);
834}
835
319c6529 836#home-button.bookmark-item {
a736ce46 837 list-style-image: url("chrome://browser/skin/FxToolbar.png");
319c6529
RK
838}
839#home-button {
840 -moz-image-region: rect(0, 90px, 18px, 72px);
841}
842
143c5409
RK
843#home-button:not([disabled="true"]):hover {
844 -moz-image-region: rect(18px, 90px, 36px, 72px);
845}
846
847#home-button[disabled="true"] {
848 -moz-image-region: rect(36px, 90px, 54px, 72px);
849}
850
319c6529
RK
851#downloads-button {
852 -moz-image-region: rect(0, 108px, 18px, 90px);
853}
854
143c5409
RK
855#downloads-button:not([disabled="true"]):hover {
856 -moz-image-region: rect(18px, 108px, 36px, 90px);
857}
858
859#downloads-button[disabled="true"] {
860 -moz-image-region: rect(36px, 108px, 54px, 90px);
861}
862
36759a51
RK
863#downloads-button > .toolbarbutton-icon {
864 margin: 0;
865}
866
319c6529
RK
867#history-button {
868 -moz-image-region: rect(0, 126px, 18px, 108px);
869}
870
143c5409
RK
871#history-button:not([disabled="true"]):hover {
872 -moz-image-region: rect(18px, 126px, 36px, 108px);
873}
874
875#history-button[disabled="true"] {
876 -moz-image-region: rect(36px, 126px, 54px, 108px);
877}
878
319c6529
RK
879#bookmarks-button,
880#bookmarks-menu-button {
a736ce46 881 list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */
319c6529
RK
882 -moz-image-region: rect(0, 144px, 18px, 126px);
883}
884
885#bookmarks-menu-button.bookmark-item {
a736ce46 886 /* list-style-image: url("chrome://browser/skin/FxToolbar.png"); */
319c6529
RK
887}
888
889#bookmarks-menu-button.toolbarbutton-1 {
890 -moz-box-orient: horizontal;
891}
892
143c5409
RK
893#bookmarks-button:not([disabled="true"]):hover,
894#bookmarks-menu-button[open="true"],
895#bookmarks-menu-button:not([disabled="true"]):hover {
896 -moz-image-region: rect(18px, 144px, 36px, 126px);
897}
898
899#bookmarks-button[disabled="true"],
900#bookmarks-menu-button[disabled="true"] {
901 -moz-image-region: rect(36px, 144px, 54px, 126px);
902}
903
319c6529
RK
904#print-button {
905 -moz-image-region: rect(0, 162px, 18px, 144px);
906}
907
143c5409
RK
908#print-button:not([disabled="true"]):hover {
909 -moz-image-region: rect(18px, 162px, 36px, 144px);
910}
911
912#print-button[disabled="true"] {
913 -moz-image-region: rect(36px, 162px, 54px, 144px);
914}
915
319c6529
RK
916#new-tab-button {
917 -moz-image-region: rect(0, 180px, 18px, 162px);
918}
919
57fc408c
RK
920#new-tab-button:not([disabled="true"]):hover {
921 -moz-image-region: rect(18px, 180px, 36px, 162px);
143c5409
RK
922}
923
57fc408c
RK
924#new-tab-button[disabled="true"] {
925 -moz-image-region: rect(36px, 180px, 54px, 162px);
143c5409
RK
926}
927
319c6529
RK
928#new-window-button {
929 -moz-image-region: rect(0, 198px, 18px, 180px);
930}
931
143c5409
RK
932#new-window-button:not([disabled="true"]):hover {
933 -moz-image-region: rect(18px, 198px, 36px, 180px);
934}
935
936#new-window-button[disabled="true"] {
937 -moz-image-region: rect(36px, 198px, 54px, 180px);
938}
939
319c6529
RK
940#cut-button {
941 -moz-image-region: rect(0, 216px, 18px, 198px);
942}
943
143c5409
RK
944#cut-button:not([disabled="true"]):hover {
945 -moz-image-region: rect(18px, 216px, 36px, 198px);
946}
947
948#cut-button[disabled="true"] {
949 -moz-image-region: rect(36px, 216px, 54px, 198px);
950}
951
319c6529
RK
952#copy-button {
953 -moz-image-region: rect(0, 234px, 18px, 216px);
954}
955
143c5409
RK
956#copy-button:not([disabled="true"]):hover {
957 -moz-image-region: rect(18px, 234px, 36px, 216px);
958}
959
960#copy-button[disabled="true"] {
961 -moz-image-region: rect(36px, 234px, 54px, 216px);
962}
963
319c6529
RK
964#paste-button {
965 -moz-image-region: rect(0, 252px, 18px, 234px);
966}
967
143c5409
RK
968#paste-button:not([disabled="true"]):hover {
969 -moz-image-region: rect(18px, 252px, 36px, 234px);
970}
971
972#paste-button[disabled="true"] {
973 -moz-image-region: rect(36px, 252px, 54px, 234px);
974}
975
319c6529
RK
976#fullscreen-button {
977 -moz-image-region: rect(0, 270px, 18px, 252px);
978}
979
143c5409
RK
980#fullscreen-button:not([disabled="true"]):hover {
981 -moz-image-region: rect(18px, 270px, 36px, 252px);
982}
983
984#fullscreen-button[disabled="true"] {
985 -moz-image-region: rect(36px, 270px, 54px, 252px);
986}
987
319c6529
RK
988#zoom-out-button {
989 -moz-image-region: rect(0, 288px, 18px, 270px);
990 -moz-margin-end: 0;
991}
992
993#zoom-in-button {
994 -moz-image-region: rect(0, 306px, 18px, 288px);
b36fc72e
RK
995}
996
143c5409
RK
997#zoom-out-button:not([disabled="true"]):hover {
998 -moz-image-region: rect(18px, 288px, 36px, 270px);
999}
1000
1001#zoom-out-button[disabled="true"] {
1002 -moz-image-region: rect(36px, 288px, 54px, 270px);
1003}
1004
1005#zoom-in-button:not([disabled="true"]):hover {
1006 -moz-image-region: rect(18px, 306px, 36px, 288px);
1007}
1008
1009#zoom-in-button[disabled="true"] {
1010 -moz-image-region: rect(36px, 306px, 54px, 288px);
1011}
1012
dce90fef 1013#sync-button:not([status]) {
a736ce46 1014 list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */
319c6529
RK
1015 -moz-image-region: rect(0, 324px, 18px, 306px);
1016}
1017
1018#sync-button[status="active"] {
1019 list-style-image: url("chrome://browser/skin/sync-throbber.png");
1020 -moz-image-region: rect(0, 18px, 18px, 0);
1021}
1022
143c5409
RK
1023#sync-button[disabled="true"] {
1024 -moz-image-region: rect(36px, 324px, 54px, 306px);
1025}
1026
319c6529
RK
1027#feed-button {
1028 -moz-image-region: rect(0, 342px, 18px, 324px);
1029}
1030
143c5409
RK
1031#feed-button[disabled="true"] {
1032 -moz-image-region: rect(36px, 342px, 54px, 324px);
1033}
1034
6adbc9a6
RK
1035#webrtc-status-button {
1036 -moz-image-region: rect(0, 360px, 18px, 342px);
1037}
1038
1039#webrtc-status-button:not([disabled="true"]):hover,
1040#webrtc-status-button[open="true"] {
1041 -moz-image-region: rect(18px, 360px, 36px, 342px);
1042}
1043
1044#webrtc-status-button[disabled="true"] {
1045 -moz-image-region: rect(36px, 360px, 54px, 342px);
1046}
1047
1048/* tabview button & menu item */
1049
1050#tabview-button,
1051#menu_tabview {
1052 list-style-image: url("chrome://browser/skin/tabview/tabview.png");
1053}
1054
1055#tabview-button {
1056 -moz-image-region: rect(0, 90px, 18px, 72px);
1057}
1058
1059#tabview-button[groups="0"] {
1060 -moz-image-region: rect(0, 18px, 18px, 0);
1061}
1062
1063#tabview-button[groups="1"] {
1064 -moz-image-region: rect(0, 36px, 18px, 18px);
1065}
1066
1067#tabview-button[groups="2"] {
1068 -moz-image-region: rect(0, 54px, 18px, 36px);
1069}
1070
1071#tabview-button[groups="3"] {
1072 -moz-image-region: rect(0, 72px, 18px, 54px);
1073}
1074
1075#menu_tabview {
1076 -moz-image-region: rect(1px, 89px, 17px, 73px);
1077}
1078
1079#menu_tabview[groups="0"] {
1080 -moz-image-region: rect(1px, 17px, 17px, 1px);
1081}
1082
1083#menu_tabview[groups="1"] {
1084 -moz-image-region: rect(1px, 35px, 17px, 19px);
1085}
1086
1087#menu_tabview[groups="2"] {
1088 -moz-image-region: rect(1px, 53px, 17px, 37px);
1089}
1090
1091#menu_tabview[groups="3"] {
1092 -moz-image-region: rect(1px, 71px, 17px, 55px);
1093}
1094
319c6529
RK
1095/* ::::: fullscreen window controls ::::: */
1096
8d7ef0d9 1097#window-controls {
ab799a7a
RK
1098 -moz-margin-start: 4px;
1099}
1100
319c6529
RK
1101#minimize-button,
1102#restore-button,
1103#close-button {
1104/* padding: 0; */
1105}
1106
1107#minimize-button {
1108 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
1109}
1110
1111#minimize-button:hover {
1112 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
1113}
1114
1115#restore-button {
1116 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
1117}
1118
1119#restore-button:hover {
1120 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
1121}
1122
1123#close-button {
1124 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
1125}
1126
1127#close-button:hover {
1128 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
1129}
1130
1131/* ::::: Location Bar ::::: */
1132
319c6529
RK
1133#urlbar,
1134.searchbar-textbox {
1135 border-radius: 5px;
1136 margin: 0;
1137 -moz-margin-start: 3px;
1138}
1139
ffce2402
RK
1140#urlbar {
1141 width: 7em;
f0071a71
RK
1142 /* make color as light as possible to deal with dark non-domain parts */
1143 color: #FFBFFF;
ffce2402
RK
1144}
1145
319c6529
RK
1146#urlbar:-moz-lwtheme,
1147.searchbar-textbox:-moz-lwtheme {
1148 /* background-color: rgba(255,255,255,.8);
1149 @navbarTextboxCustomBorder@
1150 color: black; */
1151}
1152
8ad8bf83
RK
1153window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1154 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0
RK
1155 #unified-back-forward-button + #urlbar-container {
1156 padding-left: 22px;
1157 -moz-margin-start: -22px;
8ad8bf83
RK
1158 position: relative;
1159 pointer-events: none;
1160}
1161
1162window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1163 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0
RK
1164 #unified-back-forward-button + #urlbar-container > #urlbar {
1165/* -moz-border-start: none;
1166 margin-left: 0; */
8ad8bf83
RK
1167 pointer-events: all;
1168}
1169
1170window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1171 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1172 #unified-back-forward-button:not([switchingtabs]) + #urlbar-container > #urlbar {
71a617ff 1173 transition: margin-left 150ms ease-out;
8ad8bf83
RK
1174}
1175
1176window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1177 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0
RK
1178 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(ltr) {
1179/* border-top-left-radius: 0;
1180 border-bottom-left-radius: 0; */
8ad8bf83
RK
1181}
1182
1183window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1184 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0
RK
1185 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
1186/* border-top-right-radius: 0;
1187 border-bottom-right-radius: 0; */
8ad8bf83
RK
1188}
1189
8ad8bf83
RK
1190window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1191 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0
RK
1192 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar {
1193 margin-left: -22px;
8ad8bf83
RK
1194}
1195
1196window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1197 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1198 #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar {
8ad8bf83 1199 /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
71a617ff 1200 transition-delay: 100s;
8ad8bf83
RK
1201}
1202
1203window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1204 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1205 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar {
8ad8bf83 1206 /* when not hovered anymore, trigger a new transition to hide the forward button immediately */
e8519ae0 1207 margin-left: -22.01px;
8ad8bf83
RK
1208}
1209
1210window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1211 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1212 #unified-back-forward-button + #urlbar-container:-moz-locale-dir(rtl),
8ad8bf83
RK
1213window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1214 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1215 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
85cfb236 1216 /* let winstripe-urlbar-back-button-clip-path clip the urlbar's right side for RTL */
71a617ff 1217 transform: scaleX(-1);
8ad8bf83
RK
1218}
1219
a7145e95
RK
1220html|*.urlbar-input:-moz-lwtheme::-moz-placeholder,
1221.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::-moz-placeholder {
319c6529
RK
1222 color: #E7ADE7;
1223}
1224
1225#urlbar:-moz-lwtheme[focused="true"],
1226.searchbar-textbox:-moz-lwtheme[focused="true"] {
1227/* background-color: white; */
1228}
1229
1230#urlbar-container {
1231 -moz-box-orient: horizontal;
1232 -moz-box-align: stretch;
1233}
1234
9abeb12c
RK
1235.urlbar-textbox-container {
1236 -moz-box-align: stretch;
1237}
1238
a40f6a79
RK
1239.urlbar-input-box {
1240 -moz-margin-start: 0;
fcfb76ce 1241 min-width: 4em;
a40f6a79
RK
1242}
1243
319c6529 1244#urlbar-icons {
319c6529
RK
1245 -moz-box-align: center;
1246}
1247
1248.urlbar-icon {
b8384c33 1249 padding: 0 2px;
ffce2402
RK
1250}
1251
1252.searchbar-engine-button,
1253.search-go-container {
4b686546
RK
1254 padding: 2px;
1255}
1256
1257.search-go-container > .search-go-button {
1258 padding: 0;
319c6529
RK
1259}
1260
ffce2402
RK
1261.urlbar-icon:hover {
1262}
1263
1264.urlbar-icon[open="true"],
1265.urlbar-icon:hover:active {
1266}
1267
319c6529
RK
1268#urlbar-search-splitter {
1269 min-width: 6px;
1270 -moz-margin-start: -3px;
1271 border: none;
1272 background: transparent;
1273}
1274
f0071a71 1275#urlbar-search-splitter + #urlbar-container > #urlbar,
319c6529
RK
1276#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
1277 -moz-margin-start: 0;
1278}
1279
319c6529 1280#urlbar-display {
319c6529
RK
1281 -moz-border-end: 1px solid #9C9CFF;
1282 -moz-margin-end: 3px;
ab799a7a
RK
1283 margin-top: 0;
1284 margin-bottom: 0;
a40f6a79 1285 -moz-margin-start: 0;
ab799a7a
RK
1286 color: #8050B0;
1287}
1288
319c6529
RK
1289/* identity box */
1290
1291#identity-box {
319c6529 1292 border-radius: 2px;
85cfb236 1293 font-size: .9em;
319c6529
RK
1294}
1295
8ad8bf83 1296#notification-popup-box:not([hidden]) + #identity-box {
5517da5a 1297 -moz-padding-start: 10px !important;
8ad8bf83
RK
1298 border-radius: 0;
1299}
1300
1301window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1302 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1303 #unified-back-forward-button + #urlbar-container > #urlbar > #identity-box {
d15d08bf 1304/* border-radius: 0; */
2a5b7882
RK
1305 -moz-padding-start: 2px;
1306 -moz-padding-end: 2px;
1307 -moz-margin-end: 1px;
8ad8bf83
RK
1308}
1309
1310window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1311 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1312 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
2a5b7882 1313 padding-left: 2px;
71a617ff 1314 transition: padding-left;
8ad8bf83
RK
1315}
1316
1317window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1318 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1319 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
2a5b7882 1320 padding-right: 2px;
71a617ff 1321 transition: padding-right;
8ad8bf83
RK
1322}
1323
1324window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1325 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1326 #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box {
8ad8bf83 1327 /* forward button hiding is delayed when hovered */
71a617ff 1328 transition-delay: 100s;
8ad8bf83
RK
1329}
1330
1331window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1332 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1333 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
8ad8bf83 1334 /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
2a5b7882 1335 padding-left: 2.01px;
8ad8bf83
RK
1336}
1337
1338window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1339 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1340 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
8ad8bf83 1341 /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
2a5b7882 1342 padding-right: 2.01px;
8ad8bf83
RK
1343}
1344
56859d76
RK
1345#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
1346#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
a40f6a79 1347 -moz-margin-end: 3px;
319c6529
RK
1348}
1349
56859d76 1350#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(ltr),
37953ab4 1351#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(ltr) {
a40f6a79
RK
1352 border-top-right-radius: 0;
1353 border-bottom-right-radius: 0;
319c6529
RK
1354}
1355
56859d76 1356#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl),
37953ab4 1357#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
a40f6a79
RK
1358 border-top-left-radius: 0;
1359 border-bottom-left-radius: 0;
319c6529
RK
1360}
1361
a40f6a79
RK
1362#identity-box.verifiedIdentity:not(:-moz-lwtheme) {
1363 background-color: #000000;
319c6529
RK
1364}
1365
1366#identity-box:-moz-focusring {
1367 outline: 1px dotted #008484;
f993773d 1368 outline-offset: -1px;
319c6529
RK
1369}
1370
1371#identity-box.verifiedDomain:-moz-focusring,
1372#identity-box.verifiedIdentity:-moz-focusring {
1373 outline-color: #000000;
1374}
1375
1376#identity-icon-labels {
1377 -moz-margin-start: 1px;
1378 -moz-margin-end: 3px;
319c6529
RK
1379}
1380
1381/* Location bar dropmarker */
1382
38cfeb47 1383.urlbar-history-dropmarker:not(:hover):not([open="true"]) {
319c6529 1384 background-color: transparent;
319c6529
RK
1385}
1386
38cfeb47
RK
1387#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker {
1388 border: none;
1389 border-radius: 0px;
319c6529
RK
1390}
1391
ffce2402
RK
1392.urlbar-history-dropmarker:hover {
1393}
1394
1395.urlbar-history-dropmarker:hover:active,
1396.urlbar-history-dropmarker[open="true"] {
1397}
1398
319c6529
RK
1399/* page proxy icon */
1400
e7c8bab1
RK
1401/* === BEGIN identity-block.inc.css === */
1402
1403#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
1404 /* Default theme does different color per channel, we can't as they do it build-time. */
1405 color: #9C9CFF;
1406 -moz-border-end: 1px solid #9C9CFF;
1407}
1408
1409#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
1410 color: #008484;
1411 -moz-border-end: 1px solid #008484;
1412}
1413
1414#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
1415#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
1416 background-position: right;
1417 background-size: 1px;
1418 background-repeat: no-repeat;
1419}
1420
1421/* page proxy icon */
1422
4d58ff64 1423#page-proxy-favicon {
319c6529
RK
1424 width: 16px;
1425 height: 16px;
a40f6a79 1426 list-style-image: url("chrome://browser/skin/identity-icons-generic.png");
e7c8bab1
RK
1427}
1428
1429.chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
1430 list-style-image: url("chrome://branding/content/identity-icons-brand.png");
319c6529
RK
1431}
1432
2a5b7882 1433.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
a40f6a79
RK
1434 list-style-image: url("chrome://browser/skin/identity-icons-https.png");
1435}
1436
2a5b7882 1437.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
a40f6a79
RK
1438 list-style-image: url("chrome://browser/skin/identity-icons-https-ev.png");
1439}
1440
56ab361a
RK
1441.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
1442 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-active.png");
1443}
1444
e7c8bab1
RK
1445.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
1446 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png");
1447}
1448
1449.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
1450 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png");
1451}
1452
1453#page-proxy-favicon[pageproxystate="invalid"] {
1454 opacity: 0.3;
1455}
1456
1457#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
1458 list-style-image: url("chrome://branding/content/icon64.png");
1459}
1460
1461#identity-popup-brandName {
1462 font-weight: bold;
1463 font-size: 1.25em;
1464 margin-top: .5em;
1465 margin-bottom: .5em;
1466}
1467
1468#identity-popup-content-box {
1469 max-width: 50ch;
1470}
1471
1472/* === END identity-block.inc.css === */
1473
1474#page-proxy-favicon {
1475 -moz-image-region: rect(0, 16px, 16px, 0);
1476}
1477
2a5b7882 1478#identity-box:hover > #page-proxy-favicon {
a40f6a79
RK
1479 -moz-image-region: rect(0, 32px, 16px, 16px);
1480}
1481
2a5b7882
RK
1482#identity-box:hover:active > #page-proxy-favicon,
1483#identity-box[open=true] > #page-proxy-favicon {
a40f6a79 1484 -moz-image-region: rect(0, 48px, 16px, 32px);
acb0e9b8 1485}
1486
2a5b7882
RK
1487#identity-box:hover {
1488 background-color: #FFCF00;
7092015d 1489 color: #000000;
2a5b7882
RK
1490}
1491
1492#identity-box:hover:active,
1493#identity-box[open=true] {
1494 background-color: #FF9F00;
7092015d 1495 color: #000000;
2a5b7882
RK
1496}
1497
56859d76
RK
1498#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover,
1499#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover:active,
1500#urlbar[pageproxystate="valid"] > #identity-box.chromeUI[open=true] {
1501 background-color: #9C9CFF;
1502 color: #000000;
1503}
1504
387e6560
RK
1505#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover,
1506#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover:active,
1507#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity[open=true] {
2a5b7882
RK
1508 background-color: #008484;
1509 color: #000000;
1510}
1511
319c6529
RK
1512/* autocomplete */
1513
319c6529
RK
1514#treecolAutoCompleteImage {
1515 max-width: 36px;
1516}
acb0e9b8 1517
319c6529
RK
1518.ac-result-type-bookmark,
1519.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
71bac478 1520 list-style-image: url("chrome://browser/skin/places/bookmark.png");
319c6529 1521 -moz-image-region: rect(0px 16px 16px 0px);
c1f7cc84 1522 width: 16px;
319c6529 1523 height: 16px;
acb0e9b8 1524}
1525
319c6529
RK
1526.ac-result-type-keyword,
1527.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
1528 list-style-image: url("chrome://global/skin/icons/Search-glass.png");
1529 -moz-image-region: rect(0px 32px 16px 16px);
acb0e9b8 1530 width: 16px;
1531 height: 16px;
1532}
1533
319c6529
RK
1534.ac-result-type-tag,
1535.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
8da9da4e 1536 list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
c1f7cc84 1537 width: 16px;
319c6529
RK
1538 height: 16px;
1539}
acb0e9b8 1540
319c6529
RK
1541.ac-comment {
1542 font-size: 1.15em;
acb0e9b8 1543}
319c6529
RK
1544
1545.ac-extra > .ac-comment {
1546 font-size: inherit;
acb0e9b8 1547}
319c6529
RK
1548
1549.ac-url-text,
1550.ac-action-text {
1551 color: #9C9CFF;
acb0e9b8 1552}
319c6529
RK
1553
1554richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon {
1555 list-style-image: url("chrome://browser/skin/actionicon-tab.png");
85cfb236
RK
1556 -moz-image-region: rect(0, 16px, 16px, 0);
1557 padding: 0 3px;
1558}
1559
1560richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-box > .ac-action-icon {
1561 -moz-image-region: rect(16px, 16px, 32px, 0);
acb0e9b8 1562}
1563
319c6529
RK
1564.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
1565 color: #8050B0;
1566}
acb0e9b8 1567
319c6529
RK
1568.ac-comment[selected="true"],
1569.ac-url-text[selected="true"],
1570.ac-action-text[selected="true"] {
1571 color: inherit !important;
acb0e9b8 1572}
1573
c1f7cc84
RK
1574.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
1575.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment)
319c6529
RK
1576{
1577 color: #8050B0;
1578 font-size: smaller;
acb0e9b8 1579}
319c6529
RK
1580
1581.autocomplete-treebody::-moz-tree-cell(suggesthint) {
1582 border-top: 1px solid #9C9CFF;
acb0e9b8 1583}
1584
319c6529
RK
1585/* combined go/reload/stop button in location bar */
1586
ffce2402 1587#go-button,
319c6529
RK
1588#urlbar > toolbarbutton {
1589 list-style-image: url("chrome://browser/skin/reload-stop-go.png");
38cfeb47 1590 /* margin: -2px; */
9abeb12c 1591 -moz-margin-start: 0;
ffce2402 1592 padding: 0 2px;
319c6529
RK
1593 background-origin: border-box;
1594 border: none;
9abeb12c
RK
1595 -moz-border-start: 1px solid #9C9CFF;
1596}
1597
ffce2402
RK
1598#go-button {
1599 padding: 0 3px;
1600}
1601
9abeb12c 1602#urlbar:-moz-locale-dir(ltr) > toolbarbutton {
38cfeb47
RK
1603 border-top-left-radius: 0px;
1604 border-bottom-left-radius: 0px;
acb0e9b8 1605}
acb0e9b8 1606
9abeb12c 1607#urlbar:-moz-locale-dir(rtl) > toolbarbutton {
38cfeb47
RK
1608 border-top-right-radius: 0px;
1609 border-bottom-right-radius: 0px;
9abeb12c
RK
1610}
1611
dce90fef
RK
1612#urlbar > toolbarbutton:not([disabled]):active:hover,
1613#urlbar-reload-button:not(:hover) {
1614 -moz-border-start-style: none;
714b11f6 1615 -moz-padding-start: 3px;
dce90fef
RK
1616}
1617
1618#urlbar > toolbarbutton:not([disabled]):active:hover {
acb0e9b8 1619}
1620
319c6529 1621#urlbar-go-button {
ffce2402 1622 -moz-image-region: rect(0, 42px, 14px, 28px);
acb0e9b8 1623}
1624
ffce2402
RK
1625#go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
1626#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
71a617ff 1627 transform: scaleX(-1);
ffce2402
RK
1628}
1629
1630#urlbar-go-button:hover,
1631#go-button:hover {
1632 -moz-image-region: rect(14px, 42px, 28px, 28px);
acb0e9b8 1633}
1634
319c6529 1635#urlbar-reload-button {
ffce2402 1636 -moz-image-region: rect(0px, 14px, 14px, 0px);
38cfeb47
RK
1637}
1638
1639#urlbar-reload-button[disabled] {
ffce2402 1640 -moz-image-region: rect(28px, 14px, 42px, 0px);
acb0e9b8 1641}
1642
319c6529 1643#urlbar-reload-button:not([disabled]):hover {
ffce2402 1644 -moz-image-region: rect(14px, 14px, 28px, 0px);
acb0e9b8 1645}
319c6529
RK
1646
1647#urlbar-stop-button {
ffce2402 1648 -moz-image-region: rect(0px, 28px, 14px, 14px);
acb0e9b8 1649}
319c6529
RK
1650
1651#urlbar-stop-button:hover {
ffce2402 1652 -moz-image-region: rect(14px, 28px, 28px, 14px);
acb0e9b8 1653}
1654
319c6529
RK
1655/* popup blocker button */
1656
1657#page-report-button {
1658 list-style-image: url("chrome://browser/skin/urlbar-popup-blocked.png");
1659 -moz-image-region: rect(0, 16px, 16px, 0);
acb0e9b8 1660}
319c6529 1661
71bac478 1662#page-report-button:hover ,
319c6529
RK
1663#page-report-button:hover:active,
1664#page-report-button[open="true"] {
71bac478 1665 -moz-image-region: rect(0, 32px, 16px, 16px);
acb0e9b8 1666}
1667
c4460289
RK
1668/* social share panel */
1669
1670#social-share-panel > iframe {
1671/* background: linear-gradient(to bottom, #f0f4f7, #fafbfc);*/
1672 width: 300px;
1673 height: 150px;
1674}
1675
1676#social-share-button {
1677 list-style-image: url("chrome://browser/skin/social/share-button.png");
1678 -moz-image-region: rect(0, 16px, 16px, 0);
1679}
1680
1681.social-share-toolbar {
1682 border-right: 1px solid #9C9CFF;
1683/* background-color: #000000; */
1684}
1685
1686#social-share-provider-buttons {
1687 padding: 6px;
1688}
1689
1690#social-share-provider-buttons > .share-provider-button {
1691 -moz-appearance: none;
1692 padding: 5px;
1693 margin: 1px;
1694 border: none;
1695 background: none;
1696 border-radius: 2px;
1697}
1698
1699#social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]),
1700#social-share-provider-buttons > .share-provider-button:hover,
1701#social-share-provider-buttons > .share-provider-button:active {
1702 padding: 4px;
1703}
1704
1705#social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]) {
1706}
1707
1708#social-share-provider-buttons > .share-provider-button > .toolbarbutton-text {
1709 display: none;
1710}
1711#social-share-provider-buttons > .share-provider-button > .toolbarbutton-icon {
1712 width: 16px;
1713 min-height: 16px;
1714 max-height: 16px;
1715}
1716
1717/* fixup corners for share panel */
1718.social-panel > .social-panel-frame {
1719 border-radius: inherit;
1720}
1721
1722#social-share-panel {
1723 max-height: 600px;
1724 min-height: 100px;
1725 max-width: 800px;
1726 min-width: 300px;
1727}
1728
1729.social-share-frame {
1730/* background: linear-gradient(to bottom, #f0f4f7, #fafbfc); */
1731 width: 330px;
1732 height: 150px;
c4460289
RK
1733 /* we resize our panels dynamically, make it look nice */
1734 transition: height 100ms ease-out, width 100ms ease-out;
1735}
1736
e2734cc7
RK
1737.social-share-frame:-moz-locale-dir(ltr) {
1738 border-top-left-radius: 0;
1739 border-bottom-left-radius: 0;
1740 border-top-right-radius: inherit;
1741 border-bottom-right-radius: inherit;
1742}
1743
1744.social-share-frame:-moz-locale-dir(rtl) {
c4460289
RK
1745 border-top-left-radius: inherit;
1746 border-bottom-left-radius: inherit;
e2734cc7
RK
1747 border-top-right-radius: 0;
1748 border-bottom-right-radius: 0;
c4460289
RK
1749}
1750
e2734cc7
RK
1751#social-share-panel > .social-share-toolbar:-moz-locale-dir(ltr) {
1752 border-top-left-radius: inherit;
1753 border-bottom-left-radius: inherit;
1754}
1755
1756#social-share-panel > .social-share-toolbar:-moz-locale-dir(rtl) {
1757 border-top-right-radius: inherit;
1758 border-bottom-right-radius: inherit;
1759}
1760
1761#social-share-provider-buttons:-moz-locale-dir(ltr) {
c4460289
RK
1762 border-top-left-radius: inherit;
1763 border-bottom-left-radius: inherit;
1764}
1765
e2734cc7
RK
1766#social-share-provider-buttons:-moz-locale-dir(rtl) {
1767 border-top-right-radius: inherit;
1768 border-bottom-right-radius: inherit;
1769}
1770
889649fd
RK
1771/* social recommending panel */
1772
a6757852 1773#social-mark-button {
d7cfd768 1774 -moz-image-region: rect(0, 16px, 16px, 0);
889649fd
RK
1775}
1776
319c6529
RK
1777/* star button */
1778
1779#star-button {
71bac478
RK
1780 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png");
1781 -moz-image-region: rect(16px 16px 32px 0px);
acb0e9b8 1782}
319c6529
RK
1783
1784#star-button:hover {
71bac478 1785 -moz-image-region: rect(16px 32px 32px 16px);
acb0e9b8 1786}
319c6529
RK
1787
1788#star-button:hover:active {
71bac478 1789 -moz-image-region: rect(16px 48px 32px 32px);
acb0e9b8 1790}
1791
319c6529 1792#star-button[starred="true"] {
71bac478
RK
1793 -moz-image-region: rect(0px 16px 16px 0px);
1794}
1795
1796#star-button[starred="true"]:hover {
1797 -moz-image-region: rect(0px 32px 16px 16px);
1798}
1799
1800#star-button[starred="true"]:hover:active {
1801 -moz-image-region: rect(0px 48px 16px 32px);
acb0e9b8 1802}
319c6529
RK
1803
1804/* bookmarking panel */
1805#editBookmarkPanelStarIcon {
1806 list-style-image: url("chrome://browser/skin/places/starred48.png");
1807 width: 48px;
1808 height: 48px;
acb0e9b8 1809}
319c6529
RK
1810
1811#editBookmarkPanelStarIcon[unstarred] {
1812 list-style-image: url("chrome://browser/skin/places/unstarred48.png");
acb0e9b8 1813}
1814
319c6529
RK
1815#editBookmarkPanelTitle {
1816 font-size: 130%;
acb0e9b8 1817}
319c6529
RK
1818
1819#editBookmarkPanelHeader,
1820#editBookmarkPanelContent {
1821 margin-bottom: .5em;
acb0e9b8 1822}
319c6529
RK
1823
1824/* Implements editBookmarkPanel resizing on folderTree un-collapse. */
1825#editBMPanel_folderTree {
1826 min-width: 27em;
acb0e9b8 1827}
1828
f993773d 1829.panel-promo-box {
5a3cfc14 1830 margin: 5px -6px -6px;
f0eab82c 1831 padding: 5px;
889649fd 1832 border-top: 1px solid #9C9CFF;
f0eab82c
RK
1833 border-bottom-left-radius: 5px;
1834 border-bottom-right-radius: 5px;
f993773d
RK
1835}
1836
1837.panel-promo-icon {
1838 list-style-image: url("chrome://browser/skin/sync-notification-24.png");
1839 -moz-margin-end: 10px;
1840 vertical-align: middle;
1841}
1842
1843.panel-promo-closebutton {
1844 list-style-image: url("chrome://global/skin/icons/close-button.gif");
f0eab82c
RK
1845 -moz-margin-end: -3px;
1846 margin-top: -3px;
f993773d
RK
1847}
1848
1849.panel-promo-closebutton:hover {
1850 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
1851}
1852
1853.panel-promo-closebutton:hover:active {
1854 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
1855}
1856
1857.panel-promo-closebutton > .toolbarbutton-text {
1858 padding: 0;
1859 margin: 0;
1860}
1861
319c6529
RK
1862/* ::::: content area ::::: */
1863
1864#sidebar {
1865 background-color: Window;
acb0e9b8 1866}
319c6529
RK
1867
1868#sidebar-title {
1869 -moz-padding-start: 0px;
acb0e9b8 1870}
319c6529 1871
fe524e0c
RK
1872.browserContainer > findbar {
1873/*
1874 background-color: -moz-dialog;
1875 color: -moz-DialogText;
1876*/
1877}
1878
319c6529
RK
1879/* ::::: throbber ::::: */
1880
1881#navigator-throbber {
1882 width: 16px;
1883 min-height: 16px;
1884 margin: 0 3px;
acb0e9b8 1885}
1886
319c6529 1887#navigator-throbber[busy="true"] {
95f333af 1888 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
acb0e9b8 1889}
319c6529
RK
1890
1891#navigator-throbber,
1892#wrapper-navigator-throbber > #navigator-throbber {
95f333af 1893 list-style-image: url("chrome://communicator/skin/brand/throbber16-single.png");
acb0e9b8 1894}
319c6529
RK
1895
1896/* Tabstrip */
b36fc72e 1897
319c6529
RK
1898#TabsToolbar {
1899 min-height: 0;
1900 padding: 0;
b36fc72e
RK
1901 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar");
1902}
1903
1904#TabsToolbar .toolbar-holder {
c1f7cc84 1905 background-color: #000000; /* correct effect of being an actual toolbar */
acb0e9b8 1906}
1907
b36fc72e 1908#main-window[disablechrome] #TabsToolbar,
319c6529 1909#TabsToolbar[tabsontop="false"] {
8b5fc82e 1910 border-bottom: 1px solid #008484;
acb0e9b8 1911}
319c6529 1912
319c6529
RK
1913.tabbrowser-tab,
1914.tabs-newtab-button {
1915 margin-top: 0px;
acb0e9b8 1916}
319c6529 1917
57fc408c
RK
1918.tabbrowser-tab{
1919 padding: 1px 4px 2px;
1920}
1921
1922.tabbrowser-tab:first-of-type {
1923 -moz-margin-start: 2px;
1924}
1925
1926.tabs-newtab-button {
1927 border-radius: 8px 8px 0px 0px;
1928 -moz-margin-start: 0;
1929}
1930
1931.tabs-newtab-button:not(:hover) {
1932 background-color: #C09070;
1933}
1934
fe524e0c
RK
1935.tabbrowser-tab[remote] {
1936 text-decoration: underline;
1937}
1938
319c6529
RK
1939.tabbrowser-tab:hover,
1940.tabs-newtab-button:hover {
acb0e9b8 1941}
319c6529
RK
1942
1943.tabbrowser-tab[selected="true"] {
acb0e9b8 1944}
1945
9abeb12c
RK
1946#main-window[tabsontop=false]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) {
1947}
1948
319c6529 1949.tabbrowser-tab:-moz-lwtheme {
acb0e9b8 1950}
319c6529
RK
1951
1952.tabbrowser-tab[selected="true"]:-moz-lwtheme {
acb0e9b8 1953}
319c6529
RK
1954
1955.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]),
1956.tabs-newtab-button:-moz-lwtheme-brighttext {
acb0e9b8 1957}
1958
319c6529
RK
1959.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]):hover,
1960.tabs-newtab-button:-moz-lwtheme-brighttext:hover {
acb0e9b8 1961}
319c6529
RK
1962
1963.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]),
1964.tabs-newtab-button:-moz-lwtheme-darktext {
acb0e9b8 1965}
319c6529
RK
1966
1967.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]):hover,
1968.tabs-newtab-button:-moz-lwtheme-darktext:hover {
acb0e9b8 1969}
1970
319c6529
RK
1971.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
1972 background-color: #E7ADE7;
613daf44 1973}
319c6529 1974.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover {
dbd844cb 1975 background-color: #3333FF;
319c6529 1976 color: #000000;
613daf44 1977}
319c6529
RK
1978
1979.tab-throbber,
1980.tab-icon-image {
1981 width: 16px;
1982 height: 16px;
dce90fef 1983 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
8da9da4e 1984 -moz-image-region: auto;
319c6529 1985 -moz-margin-end: 3px;
613daf44 1986}
1987
319c6529 1988.tab-throbber {
95f333af 1989 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png");
613daf44 1990}
319c6529
RK
1991
1992.tab-throbber[progress] {
95f333af 1993 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
613daf44 1994}
319c6529 1995
319c6529
RK
1996.tab-throbber[pinned],
1997.tab-icon-image[pinned] {
1998 -moz-margin-start: 2px;
1999 -moz-margin-end: 2px;
613daf44 2000}
319c6529
RK
2001
2002/* tabbrowser-tab focus ring */
2003.tabbrowser-tab:focus > .tab-stack {
2004 outline: 1px dotted;
613daf44 2005}
319c6529 2006
8ad8bf83 2007/* Tab DnD indicator */
319c6529
RK
2008.tab-drop-indicator {
2009 list-style-image: url("chrome://browser/skin/tabbrowser/tabDragIndicator.png");
9abeb12c 2010 margin-bottom: -11px;
613daf44 2011}
2012
319c6529
RK
2013/* Tab close button */
2014.tab-close-button {
2015 border: none;
2016 padding: 0px;
57fc408c 2017 margin-top: 1px;
319c6529
RK
2018 list-style-image: url("chrome://global/skin/icons/close-button.gif");
2019}
acb0e9b8 2020
319c6529
RK
2021.tab-close-button:hover,
2022.tab-close-button:hover[selected="true"] {
2023 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
acb0e9b8 2024}
319c6529
RK
2025
2026.tab-close-button:hover:active,
2027.tab-close-button:hover:active[selected="true"] {
2028 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
acb0e9b8 2029}
319c6529 2030
319c6529
RK
2031/* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */
2032
319c6529
RK
2033.tabbrowser-arrowscrollbox > .scrollbutton-up,
2034.tabbrowser-arrowscrollbox > .scrollbutton-down {
319c6529
RK
2035 margin: 0;
2036 padding-top: 0;
2037 padding-bottom: 0;
acb0e9b8 2038}
319c6529 2039
319c6529
RK
2040.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
2041 background-color: #008484;
acb0e9b8 2042}
319c6529
RK
2043
2044.tabs-newtab-button > .toolbarbutton-icon {
2045 margin-top: -1px;
2046 margin-bottom: -1px;
acb0e9b8 2047}
319c6529
RK
2048
2049.tabs-newtab-button,
2050#TabsToolbar > #new-tab-button,
2051#TabsToolbar > toolbarpaletteitem > #new-tab-button {
38cfeb47 2052 list-style-image: url("chrome://browser/skin/tabbrowser/newtab.png");
319c6529 2053 -moz-image-region: rect(0, 16px, 18px, 0);
acb0e9b8 2054}
2055
319c6529 2056.tabs-newtab-button {
c1f7cc84
RK
2057 width: 28px;
2058}
2059
2060#TabsToolbar > #new-tab-button {
2061 width: 26px;
acb0e9b8 2062}
319c6529 2063
8b5fc82e 2064.tabs-newtab-button,
38cfeb47
RK
2065.tabs-newtab-button:hover,
2066#TabsToolbar > #new-tab-button:hover {
319c6529 2067 -moz-image-region: rect(0, 32px, 18px, 16px);
acb0e9b8 2068}
319c6529
RK
2069
2070#alltabs-button {
8da9da4e 2071 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
acb0e9b8 2072}
2073
f9fc08c7 2074#alltabs-button > .toolbarbutton-menu-dropmarker {
319c6529 2075 display: none;
acb0e9b8 2076}
319c6529 2077
f9fc08c7
RK
2078#alltabs-button:hover,
2079#alltabs-button:hover:active,
2080#alltabs-button[open="true"] {
8da9da4e 2081 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
acb0e9b8 2082}
319c6529
RK
2083
2084/* All tabs menupopup */
2085.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
dce90fef 2086 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
8da9da4e 2087 -moz-image-region: auto;
acb0e9b8 2088}
2089
319c6529
RK
2090.alltabs-item[selected="true"] {
2091 font-weight: bold;
acb0e9b8 2092}
319c6529
RK
2093
2094.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
2095 list-style-image: url("chrome://global/skin/icons/loading.gif");
acb0e9b8 2096}
319c6529 2097
85cfb236 2098.alltabs-item[tabIsVisible]:not([_moz-menuactive="true"]) {
b1234db8
RK
2099 background-color: #402800;
2100}
2101
319c6529
RK
2102/* Tabstrip close button */
2103.tabs-closebutton {
2104 -moz-box-flex: 1;
2105 margin: 0px;
2106 padding: 2px;
2107 list-style-image: url("chrome://global/skin/icons/close-button.gif");
acb0e9b8 2108}
2109
b36fc72e
RK
2110.tabs-closebutton > .toolbarbutton-icon {
2111}
2112
8da9da4e
RK
2113.tabs-closebutton > .toolbarbutton-text {
2114 display: none;
2115}
2116
319c6529
RK
2117.tabs-closebutton:hover,
2118.tabs-closebutton:hover:active {
2119 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
acb0e9b8 2120}
319c6529
RK
2121
2122toolbarbutton.chevron {
2123 list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
acb0e9b8 2124}
319c6529
RK
2125
2126toolbarbutton.chevron:hover {
2127 list-style-image: url("chrome://global/skin/toolbar/chevron-hover.gif") !important;
acb0e9b8 2128}
2129
319c6529
RK
2130toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
2131toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
71a617ff 2132 transform: scaleX(-1);
acb0e9b8 2133}
319c6529
RK
2134
2135toolbarbutton.chevron > .toolbarbutton-text,
2136toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
2137 display: none;
acb0e9b8 2138}
319c6529
RK
2139
2140toolbarbutton.chevron > .toolbarbutton-icon {
2141 margin: 0;
acb0e9b8 2142}
2143
319c6529
RK
2144toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
2145 display: -moz-box; /* display chevron icon in text mode */
acb0e9b8 2146}
319c6529
RK
2147
2148#sidebar-throbber[loading="true"] {
2149 list-style-image: url("chrome://global/skin/icons/loading.gif");
2150 -moz-margin-end: 4px;
acb0e9b8 2151}
319c6529
RK
2152
2153/* Bookmarks toolbar */
2154#PlacesToolbarDropIndicator {
8da9da4e 2155 list-style-image: url("chrome://communicator/skin/bookmarks/toolbarDropMarker.png");
acb0e9b8 2156}
2157
319c6529
RK
2158toolbarbutton.bookmark-item[dragover="true"][open="true"] {
2159 background-color: #008484 !important;
2160 color: #FFCF00 !important;
613daf44 2161}
319c6529
RK
2162
2163/* rules for menupopup drop indicators */
2164.menupopup-drop-indicator-bar {
2165 position: relative;
2166 /* these two margins must together compensate the indicator's height */
2167 margin-top: -1px;
2168 margin-bottom: -1px;
613daf44 2169}
319c6529
RK
2170
2171.menupopup-drop-indicator {
2172 list-style-image: none;
2173 height: 2px;
2174 -moz-margin-end: -4em;
2175 background-color: #008484;
613daf44 2176}
2177
319c6529
RK
2178/* ::::: Identity Indicator Styling ::::: */
2179
2180/* Popup Icons */
2181#identity-popup-icon {
2182 height: 64px;
2183 width: 64px;
2184 padding: 0;
2185 list-style-image: url("chrome://browser/skin/identity.png");
2186 -moz-image-region: rect(0px, 64px, 64px, 0px);
613daf44 2187}
319c6529
RK
2188
2189#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
2190 -moz-image-region: rect(64px, 64px, 128px, 0px);
613daf44 2191}
319c6529
RK
2192
2193#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
2194 -moz-image-region: rect(128px, 64px, 192px, 0px);
613daf44 2195}
2196
319c6529
RK
2197/* Popup Body Text */
2198.identity-popup-description {
2199 white-space: pre-wrap;
2200 -moz-padding-start: 15px;
2201 margin: 2px 0 4px;
613daf44 2202}
319c6529
RK
2203
2204.identity-popup-label {
2205 white-space: pre-wrap;
2206 -moz-padding-start: 15px;
2207 margin: 0;
613daf44 2208}
319c6529 2209
5517da5a 2210#identity-popup-content-host,
319c6529
RK
2211#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
2212 font-size: 1.2em;
613daf44 2213}
2214
319c6529
RK
2215#identity-popup-content-host {
2216 margin-top: 3px;
2217 margin-bottom: 5px;
2218 font-weight: bold;
2219 max-width: 300px;
2220}
613daf44 2221
319c6529
RK
2222#identity-popup-content-owner {
2223 margin-top: 4px;
2224 margin-bottom: 0 !important;
2225 font-weight: bold;
2226 max-width: 300px;
2227}
613daf44 2228
319c6529
RK
2229.verifiedDomain > #identity-popup-content-owner {
2230 font-weight: normal;
613daf44 2231}
2232
319c6529
RK
2233#identity-popup-content-verifier {
2234 margin: 4px 0 2px;
613daf44 2235}
2236
319c6529
RK
2237#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
2238#identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
2239 margin-top: 10px;
2240 -moz-margin-start: -24px;
613daf44 2241}
2242
319c6529
RK
2243#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
2244#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
2245 list-style-image: url("chrome://browser/skin/Secure24.png");
613daf44 2246}
2247
319c6529
RK
2248#identity-popup-more-info-button {
2249 margin-top: 6px;
2250 margin-bottom: 0;
2251 -moz-margin-end: 0;
613daf44 2252}
acb0e9b8 2253
fe524e0c
RK
2254#identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
2255 padding: 0;
2256}
2257
2258#identity-popup-container {
2259 min-width: 280px;
2260 padding: 10px;
2261}
2262
2263#identity-popup-button-container {
2264/* background: linear-gradient(to bottom, rgba(0,0,0,0.04) 60%, transparent);*/
2265 padding: 10px;
2266 margin-top: 5px;
2267}
2268
319c6529
RK
2269.popup-notification-icon {
2270 width: 64px;
2271 height: 64px;
2272 -moz-margin-end: 10px;
2273}
acb0e9b8 2274
319c6529
RK
2275.popup-notification-icon[popupid="geolocation"] {
2276 list-style-image: url("chrome://browser/skin/Geolocation-64.png");
acb0e9b8 2277}
2278
319c6529
RK
2279.popup-notification-icon[popupid="xpinstall-disabled"],
2280.popup-notification-icon[popupid="addon-progress"],
2281.popup-notification-icon[popupid="addon-install-cancelled"],
2282.popup-notification-icon[popupid="addon-install-blocked"],
2283.popup-notification-icon[popupid="addon-install-failed"],
a40f6a79 2284.popup-notification-icon[popupid="addon-install-complete"] {
319c6529
RK
2285 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
2286 width: 32px;
2287 height: 32px;
acb0e9b8 2288}
319c6529 2289
a40f6a79 2290.popup-notification-icon[popupid="click-to-play-plugins"] {
fcfb76ce 2291 list-style-image: url("chrome://mozapps/skin/plugins/pluginBlocked-64.png");
a40f6a79
RK
2292}
2293
a6757852
RK
2294.popup-notification-icon[popupid="plugins-not-found"] {
2295 list-style-image: url("chrome://browser/skin/pluginInstall-64.png");
2296}
2297
82b4252f
RK
2298.popup-notification-icon[popupid="web-notifications"] {
2299 list-style-image: url("chrome://browser/skin/notification-64.png");
2300}
2301
319c6529
RK
2302.addon-progress-description {
2303 width: 350px;
2304 max-width: 350px;
acb0e9b8 2305}
319c6529
RK
2306
2307.popup-progress-label,
2308.popup-progress-meter {
2309 -moz-margin-start: 0;
2310 -moz-margin-end: 0;
acb0e9b8 2311}
319c6529
RK
2312
2313.popup-progress-cancel {
2314 -moz-appearance: none;
2315 background: transparent;
2316 border: none;
2317 padding: 0;
2318 margin: 0;
2319 min-height: 0;
2320 min-width: 0;
2321 list-style-image: url("chrome://mozapps/skin/downloads/downloadButtons.png");
2322 -moz-image-region: rect(0px, 32px, 16px, 16px);
acb0e9b8 2323}
319c6529
RK
2324
2325.popup-progress-cancel:hover {
2326 -moz-image-region: rect(16px, 32px, 32px, 16px);
acb0e9b8 2327}
2328
319c6529
RK
2329.popup-progress-cancel:active {
2330 -moz-image-region: rect(32px, 32px, 48px, 16px);
2331}
acb0e9b8 2332
319c6529 2333.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
a6757852 2334.popup-notification-icon[popupid="indexedDB-quota-prompt"],
e2734cc7
RK
2335.popup-notification-icon[popupid*="offline-app-requested"],
2336.popup-notification-icon[popupid="offline-app-usage"] {
319c6529 2337 list-style-image: url("chrome://global/skin/icons/alert-question.gif");
acb0e9b8 2338}
2339
319c6529
RK
2340.popup-notification-icon[popupid="password-save"],
2341.popup-notification-icon[popupid="password-change"] {
2342 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png");
acb0e9b8 2343}
2344
1b13529a 2345.popup-notification-icon[popupid="webapps-install-progress"],
8d7ef0d9 2346.popup-notification-icon[popupid="webapps-install"] {
87a1144f 2347 list-style-image: url("chrome://global/skin/icons/webapps-64.png");
8d7ef0d9
RK
2348}
2349
56ab361a
RK
2350.popup-notification-icon[popupid="mixed-content-blocked"] {
2351 list-style-image: url("chrome://browser/skin/mixed-content-blocked-64.png");
2352}
2353
0142a07b 2354.popup-notification-icon[popupid="webRTC-sharingDevices"],
7bc075b6
RK
2355.popup-notification-icon[popupid="webRTC-shareDevices"] {
2356 list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png");
2357}
2358
82b4252f
RK
2359.popup-notification-icon[popupid="pointerLock"] {
2360 list-style-image: url("chrome://browser/skin/pointerLock-64.png");
2361}
2362
319c6529
RK
2363/* Notification icon box */
2364#notification-popup-box {
f993773d
RK
2365 position: relative;
2366 background-color: #000000;
2367 background-clip: padding-box;
2368 padding-left: 3px;
5517da5a 2369 padding-right: 8px;
f0eab82c 2370 border-radius: 3px 0 0 3px;
82b4252f 2371 border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0;
f993773d 2372 -moz-margin-end: -8px;
5517da5a 2373 border-right-width: 8px;
f993773d
RK
2374}
2375
8ad8bf83
RK
2376window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2377 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 2378 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box {
5517da5a 2379/* padding-left: 5px; */
f993773d
RK
2380}
2381
2382#notification-popup-box:-moz-locale-dir(rtl),
2383.notification-anchor-icon:-moz-locale-dir(rtl) {
71a617ff 2384 transform: scaleX(-1);
319c6529 2385}
acb0e9b8 2386
319c6529 2387.notification-anchor-icon {
acb0e9b8 2388 width: 16px;
2389 height: 16px;
85cfb236 2390 margin: 0 2px;
acb0e9b8 2391}
2392
319c6529 2393.notification-anchor-icon:-moz-focusring {
f0eab82c
RK
2394 outline: 1px dotted #008484;
2395/* outline-offset: -3px; */
acb0e9b8 2396}
2397
e2734cc7 2398.default-notification-icon,
ab799a7a
RK
2399#default-notification-icon {
2400 list-style-image: url("chrome://global/skin/icons/information-16.png");
2401}
2402
e2734cc7 2403.identity-notification-icon,
9585a561
RK
2404#identity-notification-icon {
2405 list-style-image: url("chrome://mozapps/skin/profile/profileicon.png");
2406}
2407
e2734cc7 2408.geo-notification-icon,
319c6529
RK
2409#geo-notification-icon {
2410 list-style-image: url("chrome://browser/skin/Geolocation-16.png");
acb0e9b8 2411}
2412
319c6529
RK
2413#addons-notification-icon {
2414 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
acb0e9b8 2415}
2416
e2734cc7 2417.indexedDB-notification-icon,
319c6529
RK
2418#indexedDB-notification-icon {
2419 list-style-image: url("chrome://global/skin/icons/question-16.png");
acb0e9b8 2420}
2421
319c6529
RK
2422#password-notification-icon {
2423 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png");
acb0e9b8 2424}
2425
8d7ef0d9 2426#webapps-notification-icon {
87a1144f 2427 list-style-image: url("chrome://gobal/skin/icons/webapps-16.png");
8d7ef0d9
RK
2428}
2429
a40f6a79 2430#plugins-notification-icon {
b27cc46e
RK
2431 list-style-image: url("chrome://browser/skin/notification-pluginNormal.png");
2432}
2433
2434#alert-plugins-notification-icon {
2435 list-style-image: url("chrome://browser/skin/notification-pluginAlert.png");
a40f6a79
RK
2436}
2437
990cba4b 2438#blocked-plugins-notification-icon {
b27cc46e 2439 list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png");
990cba4b
RK
2440}
2441
fe524e0c
RK
2442#plugins-notification-icon,
2443#alert-plugins-notification-icon,
2444#blocked-plugins-notification-icon {
2445/* -moz-image-region: rect(0, 16px, 16px, 0);*/
2446}
2447
2448#plugins-notification-icon:hover,
2449#alert-plugins-notification-icon:hover,
2450#blocked-plugins-notification-icon:hover {
2451/* -moz-image-region: rect(0, 32px, 16px, 16px);*/
2452}
2453
a6757852
RK
2454#plugin-install-notification-icon {
2455 list-style-image: url("chrome://browser/skin/pluginInstall-16.png");
2456}
2457
6adbc9a6
RK
2458#notification-popup-box[hidden] {
2459 /* Override display:none to make the pluginBlockedNotification animation work
2460 when showing the notification repeatedly. */
2461 display: -moz-box;
2462 visibility: collapse;
2463}
2464
990cba4b
RK
2465#blocked-plugins-notification-icon[showing] {
2466 animation: pluginBlockedNotification 500ms ease 0s 5 alternate both;
2467}
2468
2469@keyframes pluginBlockedNotification {
2470 from {
2471 opacity: 0;
2472 }
2473 to {
2474 opacity: 1;
2475 }
2476}
2477
e2734cc7 2478.mixed-content-blocked-notification-icon,
56ab361a
RK
2479#mixed-content-blocked-notification-icon {
2480 list-style-image: url("chrome://browser/skin/mixed-content-blocked-16.png");
2481}
2482
e2734cc7 2483.webRTC-shareDevices-notification-icon,
0142a07b 2484#webRTC-shareDevices-notification-icon {
7bc075b6
RK
2485 list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png");
2486}
2487
e2734cc7 2488.webRTC-sharingDevices-notification-icon,
6adbc9a6
RK
2489#webRTC-sharingDevices-notification-icon {
2490 list-style-image: url("chrome://browser/skin/webRTC-sharingDevice-16.png");
2491}
2492
e2734cc7 2493.web-notifications-notification-icon,
82b4252f
RK
2494#web-notifications-notification-icon {
2495 list-style-image: url("chrome://browser/skin/notification-16.png");
2496}
2497
2498#pointerLock-notification-icon {
2499 list-style-image: url("chrome://browser/skin/pointerLock-16.png");
2500}
2501#pointerLock-cancel {
2502 margin: 0px;
2503}
2504
319c6529 2505#download-monitor {
a736ce46 2506 list-style-image: url("chrome://browser/skin/FxToolbar.png");
319c6529 2507 -moz-image-region: rect(0, 108px, 18px, 90px);
acb0e9b8 2508}
2509
319c6529
RK
2510/* Bookmarks roots menu-items */
2511#appmenu_subscribeToPage:not([disabled]),
2512#appmenu_subscribeToPageMenu,
2513#subscribeToPageMenuitem:not([disabled]),
2514#subscribeToPageMenupopup,
2515#BMB_subscribeToPageMenuitem:not([disabled]),
2516#BMB_subscribeToPageMenupopup {
2517 list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png");
613daf44 2518}
2519
319c6529
RK
2520#bookmarksToolbarFolderMenu,
2521#appmenu_bookmarksToolbar,
2522#BMB_bookmarksToolbar {
8da9da4e 2523 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png");
319c6529
RK
2524 -moz-image-region: auto;
2525}
acb0e9b8 2526
319c6529
RK
2527#appmenu_unsortedBookmarks,
2528#BMB_unsortedBookmarks {
8da9da4e 2529 list-style-image: url("chrome://communicator/skin/bookmarks/unsortedBookmarks.png");
319c6529 2530 -moz-image-region: auto;
acb0e9b8 2531}
2532
319c6529 2533/* ::::: Keyboard UI Panel ::::: */
acb0e9b8 2534
319c6529
RK
2535.KUI-panel {
2536 color: #FF9F00;
2537 border-style: none;
2538 border-radius: 20px;
acb0e9b8 2539}
2540
319c6529
RK
2541.KUI-panel[level="top"] {
2542 /*background-color: rgba(27%,27%,27%,.65);*/
acb0e9b8 2543}
2544
319c6529
RK
2545/* Ctrl-Tab */
2546
2547#ctrlTab-panel {
2548 padding: 20px 10px 10px;
2549 font-weight: bold;
acb0e9b8 2550}
2551
319c6529
RK
2552.ctrlTab-favicon[src] {
2553 background-color: #000000;
2554 width: 20px;
2555 height: 20px;
2556 padding: 2px;
2557}
acb0e9b8 2558
319c6529 2559.ctrlTab-preview-inner > .tabPreview-canvas {
acb0e9b8 2560}
2561
319c6529
RK
2562.ctrlTab-preview:not(#ctrlTab-showAll) > * > .ctrlTab-preview-inner > .tabPreview-canvas {
2563 margin-bottom: 2px;
acb0e9b8 2564}
2565
319c6529
RK
2566.ctrlTab-preview-inner {
2567 padding-bottom: 10px;
acb0e9b8 2568}
2569
319c6529
RK
2570#ctrlTab-showAll:not(:focus) > * > .ctrlTab-preview-inner {
2571 padding: 10px;
2572 background-color: #000000;
2573 border-radius: .5em;
acb0e9b8 2574}
2575
319c6529
RK
2576.ctrlTab-preview:focus > * > .ctrlTab-preview-inner {
2577 color: white;
2578 background-color: #000000;
2579 text-shadow: none;
2580 padding: 8px;
2581 border: 2px solid #9C9CFF;
2582 border-radius: .5em;
acb0e9b8 2583}
2584
319c6529
RK
2585.ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner {
2586 margin: -10px -10px 0;
acb0e9b8 2587}
2588
319c6529
RK
2589#ctrlTab-showAll {
2590 margin-top: .5em;
acb0e9b8 2591}
2592
b36fc72e
RK
2593/* Add-on bar */
2594
2595#addon-bar {
2596 min-height: 20px;
2597 border-top: 3px solid #000000;
3e6e0e5c 2598 border-bottom-width: 0;
b36fc72e
RK
2599}
2600
2601#addon-bar .toolbar-holder {
2602 background-color: #8050B0;
2603 color: #FFCF00;
2604}
2605
2606#addon-bar .toolbar-holder {
2607 background-color: #8050B0;
2608 color: #FFCF00;
2609}
2610
2611#addon-bar .toolbar-startcap,
2612#addon-bar .toolbar-endcap{
2613 background-color: #6000CF;
2614}
2615
319c6529 2616#status-bar {
b36fc72e 2617 -moz-binding: url("chrome://global/content/bindings/general.xml#statusbar");
319c6529
RK
2618 margin-top: .3em;
2619 border-width: 0;
613daf44 2620}
2621
e0c47e26
RK
2622#addon-bar[customizing] > #status-bar {
2623 opacity: .5;
2624/* background-image: -moz-repeating-linear-gradient(-45deg,
2625 rgba(255,255,255,.3), rgba(255,255,255,.3) 5px,
2626 rgba(0,0,0,.3) 5px, rgba(0,0,0,.3) 10px);*/
2627}
2628
319c6529
RK
2629/* Remove all borders from statusbarpanel children of
2630 the statusbar.
2631#status-bar > statusbarpanel {
2632 border-width: 0;
2633} */
2634
319c6529
RK
2635#addonbar-closebutton {
2636 border: none;
2637 padding: 3px 5px;
2638 list-style-image: url("chrome://global/skin/icons/close-button.gif");
613daf44 2639}
2640
319c6529
RK
2641#addonbar-closebutton:hover,
2642#addonbar-closebutton:hover:active {
2643 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
613daf44 2644}
9abeb12c
RK
2645
2646/* Status panel */
2647
2648.statuspanel-label {
2649 margin: 0;
2650 padding: 2px 4px;
38cfeb47 2651 background: #404000;
9abeb12c
RK
2652 border: 1px none #9C9CFF;
2653 border-top-style: solid;
2654 color: #FF9F00;
2655 text-shadow: none;
2656}
2657
2658.statuspanel-label:-moz-locale-dir(ltr):not([mirror]),
2659.statuspanel-label:-moz-locale-dir(rtl)[mirror] {
2660 border-right-style: solid;
2661 border-top-right-radius: .3em;
2662 margin-right: 1em;
2663}
2664
2665.statuspanel-label:-moz-locale-dir(rtl):not([mirror]),
2666.statuspanel-label:-moz-locale-dir(ltr)[mirror] {
2667 border-left-style: solid;
2668 border-top-left-radius: .3em;
2669 margin-left: 1em;
2670}
3e6e0e5c
RK
2671
2672/* HACK to abolish devily color on main content */
2673
2674#content {
2675 background-color: transparent !important;
2676}
dce90fef
RK
2677
2678/* Highlighter */
2679
0142a07b 2680.highlighter-outline {
fcfb76ce
RK
2681 box-shadow: 0 0 0 1px black;
2682 outline: 1px dashed white;
dce90fef
RK
2683}
2684
0142a07b 2685.highlighter-outline[locked] {
fcfb76ce
RK
2686 box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
2687 outline-color: rgba(255,255,255,0.7);
dce90fef 2688}
4c765db1 2689
8ad8bf83
RK
2690/* Highlighter - Node Infobar */
2691
0142a07b 2692.highlighter-nodeinfobar {
a40f6a79
RK
2693 color: #FF9F00;
2694 border: 1px solid rgba(156, 156, 255, .5);
2695 border-radius: 3px;
2696 background-color: #000000;
2697 background-clip: padding-box;
2698}
2699
8ad8bf83
RK
2700/* Highlighter - Node Infobar - text */
2701
0142a07b 2702.highlighter-nodeinfobar-text {
a40f6a79 2703 /* 100% - size of the buttons and margins */
c29b709d 2704 max-width: calc(100% - 2 * (26px + 6px));
a40f6a79
RK
2705 padding-bottom: 1px;
2706}
2707
0142a07b 2708html|*.highlighter-nodeinfobar-tagname {
8ad8bf83
RK
2709 color: #FFCF00;
2710}
2711
0142a07b 2712html|*.highlighter-nodeinfobar-id {
8ad8bf83
RK
2713 color: #9C9CFF;
2714}
2715
0142a07b 2716html|*.highlighter-nodeinfobar-pseudo-classes {
eec397be 2717 color: #FF9F00;
8ad8bf83
RK
2718}
2719
a40f6a79
RK
2720/* Highlighter - Node Infobar - buttons */
2721
2722.highlighter-nodeinfobar-button {
2723 padding: 0;
2724 width: 26px;
2725 min-height: 26px;
2726}
2727
0142a07b 2728.highlighter-nodeinfobar-inspectbutton {
a40f6a79
RK
2729 list-style-image: url("chrome://browser/skin/devtools/inspect-button.png");
2730 -moz-image-region: rect(0px 16px 16px 0px);
2731 -moz-margin-start: 0px;
2732 -moz-margin-end: 2px;
2733}
2734
0142a07b 2735.highlighter-nodeinfobar-inspectbutton:-moz-locale-dir(rtl) {
a40f6a79
RK
2736}
2737
0142a07b
RK
2738.highlighter-nodeinfobar-inspectbutton:hover,
2739.highlighter-nodeinfobar-inspectbutton:hover:active/*,
2740.highlighter-nodeinfobar-container:not([locked]) > .highlighter-nodeinfobar > .highlighter-nodeinfobar-inspectbutton*/ {
a40f6a79
RK
2741 -moz-image-region: rect(0px 32px 16px 16px);
2742}
2743
0142a07b 2744.highlighter-nodeinfobar-menu {
a40f6a79
RK
2745}
2746
0142a07b 2747.highlighter-nodeinfobar-menu:-moz-locale-dir(rtl) {
a40f6a79
RK
2748}
2749
0142a07b 2750.highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker {
a40f6a79
RK
2751 -moz-box-align: center;
2752 -moz-margin-start: -1px;
2753}
2754
2755/* Highlighter - Node Infobar - box & arrow */
2756
8ad8bf83
RK
2757.highlighter-nodeinfobar-arrow {
2758 width: 14px;
2759 height: 14px;
c29b709d 2760 -moz-margin-start: calc(50% - 7px);
71a617ff 2761 transform: rotate(-45deg);
8ad8bf83
RK
2762 border: 1px solid transparent;
2763 background-clip: padding-box;
2764 background-repeat: no-repeat;
2765}
2766
0142a07b 2767.highlighter-nodeinfobar-arrow-top {
8ad8bf83
RK
2768 margin-bottom: -8px;
2769 margin-top: 8px;
2770 border-right-color: rgba(0, 132, 132, .5);
2771 border-top-color: rgba(0, 132, 132, .5);
fcaeefc2 2772 background-image: linear-gradient(to bottom left, transparent 50%, rgb(0, 132, 132) 50%);
8ad8bf83
RK
2773}
2774
0142a07b 2775.highlighter-nodeinfobar-arrow-bottom {
8ad8bf83
RK
2776 margin-top: -8px;
2777 margin-bottom: 8px;
2778 border-left-color: rgba(0, 132, 132, .5);
2779 border-bottom-color: rgba(0, 132, 132, .5);
fcaeefc2 2780 background-image: linear-gradient(to top right, transparent 50%, rgb(0, 132, 132) 50%);
8ad8bf83
RK
2781}
2782
0142a07b
RK
2783.highlighter-nodeinfobar-container[position="top"] > .highlighter-nodeinfobar,
2784.highlighter-nodeinfobar-container[position="overlap"] > .highlighter-nodeinfobar {
8ad8bf83
RK
2785 box-shadow: 0 1px 0 hsla(0, 0%, 100%, .1) inset;
2786}
2787
0142a07b 2788.highlighter-nodeinfobar-container[hide-arrow] > .highlighter-nodeinfobar {
8ad8bf83
RK
2789 margin: 7px 0;
2790}
2791
2792#full-screen-warning-message {
2793 background-color: #000000;
2794 color: #FF9F00;
8ad8bf83
RK
2795 border-radius: 8px;
2796 margin-top: 30px;
2797 padding: 30px 50px;
2798 box-shadow: 0 0 2px #9C9CFF;
2799}
2800
2801#full-screen-warning-container[obscure-browser] {
85cfb236
RK
2802 background-color: rgba(0,0,0,0.3);
2803}
2804
2805.full-screen-description {
2806 font-size: 150%;
2807}
2808
2809#full-screen-domain-text {
2810 font-size: 300%;
8ad8bf83
RK
2811}
2812
85cfb236
RK
2813.full-screen-approval-button,
2814#full-screen-remember-decision {
2815 font-size: 120%;
8ad8bf83
RK
2816}
2817
b27cc46e
RK
2818/* === BEGIN commandline.inc.css === */
2819
2820/* Developer toolbar */
2821
2822#developer-toolbar {
2823 border-top: 3px solid #000000;
2824 border-bottom: none;
2825}
2826
2827#developer-toolbar .toolbar-holder {
2828 background-color: #8050B0;
2829 color: #FFCF00;
2830}
2831
2832#developer-toolbar .toolbar-holder {
2833 background-color: #8050B0;
2834 color: #FFCF00;
2835}
2836
2837#developer-toolbar .toolbar-startcap,
2838#developer-toolbar .toolbar-endcap{
2839 background-color: #6000CF;
2840}
2841
2842#developer-toolbar {
2843/* padding: 0;
2844 min-height: 32px; */
2845}
2846
2847.developer-toolbar-button {
2848/* margin: 0;
2849 padding: 0 10px;
2850 width: 32px; */
2851}
2852
2853.developer-toolbar-button > image {
2854/* margin: auto 10px; */
2855}
2856
fe524e0c
RK
2857#developer-toolbar-toolbox-button > label {
2858 display: none;
2859}
2860
b27cc46e
RK
2861#developer-toolbar-toolbox-button {
2862 list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
2863 -moz-image-region: rect(0px, 16px, 16px, 0px);
2864}
2865
2866#developer-toolbar-toolbox-button > label {
2867 display: none;
2868}
2869
2870#developer-toolbar-toolbox-button:hover,
2871#developer-toolbar-toolbox-button:hover:active,
2872#developer-toolbar-toolbox-button[checked=true] {
2873 -moz-image-region: rect(0px, 32px, 16px, 16px);
2874}
2875
2876/* GCLI */
2877
37953ab4
RK
2878html|*#gcli-tooltip-frame,
2879html|*#gcli-output-frame {
85cfb236 2880 padding: 0;
37953ab4
RK
2881 border-width: 0;
2882 background-color: transparent;
2883}
2884
2885#gcli-output,
2886#gcli-tooltip {
2887 border-width: 0;
2888 background-color: transparent;
85cfb236
RK
2889}
2890
2891.gclitoolbar-input-node,
b27cc46e 2892.gclitoolbar-complete-node {
37953ab4
RK
2893 margin: 1px 3px;
2894 -moz-box-align: center;
2895 padding-top: 0;
2896 padding-bottom: 0;
b27cc46e 2897 padding-right: 8px;
37953ab4 2898 background-color: transparent;
85cfb236
RK
2899}
2900
2901.gclitoolbar-input-node {
37953ab4 2902 padding-left: 20px;
b27cc46e
RK
2903/* line-height: 32px;
2904 outline-style: none; */
2905 background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 16, 16, 0);
2906}
2907
2908.gclitoolbar-input-node[focused="true"] {
2909 background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16);
37953ab4
RK
2910}
2911
2912.gclitoolbar-input-node:not([focused="true"]) {
2913 border-color: transparent;
85cfb236
RK
2914}
2915
7bc075b6
RK
2916.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
2917 background-color: #008484;
2918 color: #000000;
2919 text-shadow: none;
2920}
2921
85cfb236 2922.gclitoolbar-complete-node {
37953ab4 2923 padding-left: 21px;
85cfb236
RK
2924 background-color: transparent;
2925 color: transparent;
b27cc46e
RK
2926 z-index: 100;
2927 pointer-events: none;
85cfb236
RK
2928}
2929
85cfb236
RK
2930.gcli-in-incomplete,
2931.gcli-in-error,
2932.gcli-in-ontab,
2933.gcli-in-todo,
2934.gcli-in-closebrace,
2935.gcli-in-param,
2936.gcli-in-valid {
2937 margin: 0;
2938 padding: 0;
2939}
2940
2941.gcli-in-incomplete {
2942 border-bottom: 2px dotted #8050B0;
2943}
2944
2945.gcli-in-error {
2946 border-bottom: 2px dotted #FF0000;
2947}
2948
2949.gcli-in-ontab {
2950 color: #9C9CFF;
2951}
2952
2953.gcli-in-todo {
2954 color: #795900;
2955}
2956
2957.gcli-in-closebrace {
2958 color: #8050B0;
2959}
2960
b27cc46e
RK
2961/* === END commandline.inc.css === */
2962
fe524e0c
RK
2963/* === BEGIN responsivedesign.inc.css === */
2964
37953ab4 2965/* Responsive Mode */
85cfb236 2966
7bc075b6
RK
2967.browserContainer[responsivemode] {
2968 background: #221500 url("chrome://browser/skin/devtools/responsive-background.png");
37953ab4
RK
2969 padding: 0 20px 20px 20px;
2970}
2971
7bc075b6 2972.browserStack[responsivemode] {
37953ab4
RK
2973 box-shadow: 0 0 7px #9C9CFF;
2974}
2975
2976.devtools-responsiveui-toolbar {
2977 background: transparent;
2978 margin: 10px 0;
2979 padding: 0;
2980 box-shadow: none;
2981 border-bottom-width: 0;
2982}
2983
2984.devtools-responsiveui-toolbar > menulist,
2985.devtools-responsiveui-toolbar > toolbarbutton {
2986 min-width: 22px;
fe524e0c 2987/* border-radius: 0; */
37953ab4
RK
2988}
2989
2990.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
2991.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
fe524e0c
RK
2992 margin-left: 3px;
2993}
2994
2995.devtools-responsiveui-close {
2996 list-style-image: url("chrome://browser/skin/devtools/close.png");
2997 -moz-image-region: rect(0px,16px,16px,0px);
2998}
2999
3000.devtools-responsiveui-close:hover {
3001 -moz-image-region: rect(0px,32px,16px,16px);
3002}
3003
3004.devtools-responsiveui-rotate {
3005 list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png");
3006 -moz-image-region: rect(0px,16px,16px,0px);
3007}
3008
3009.devtools-responsiveui-rotate:hover {
3010 -moz-image-region: rect(0px,32px,16px,16px);
3011}
3012
3013.devtools-responsiveui-touch {
3014 list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
3015 -moz-image-region: rect(0px,16px,16px,0px);
3016}
3017
3018.devtools-responsiveui-touch:hover,
3019.devtools-responsiveui-touch[checked],
3020.devtools-responsiveui-touch[checked]:hover {
3021 -moz-image-region: rect(0px,32px,16px,16px);
3022}
3023
3024.devtools-responsiveui-screenshot {
3025 list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png");
3026 -moz-image-region: rect(0px,16px,16px,0px);
3027}
3028
3029.devtools-responsiveui-screenshot:hover {
3030 -moz-image-region: rect(0px,32px,16px,16px);
37953ab4
RK
3031}
3032
fe524e0c 3033.devtools-responsiveui-resizebarV {
37953ab4
RK
3034 width: 7px;
3035 height: 24px;
3036 cursor: ew-resize;
71a617ff 3037 transform: translate(12px, -12px);
37953ab4
RK
3038 background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
3039}
3040
fe524e0c
RK
3041.devtools-responsiveui-resizebarH {
3042 width: 24px;
3043 height: 7px;
3044 cursor: ns-resize;
3045 transform: translate(-12px, 12px);
3046 background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png");
3047}
3048
37953ab4
RK
3049.devtools-responsiveui-resizehandle {
3050 width: 16px;
3051 height: 16px;
3052 cursor: se-resize;
71a617ff 3053 transform: translate(12px, 12px);
37953ab4 3054 background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
8d7ef0d9 3055}
889649fd 3056
fe524e0c 3057/* === END responsivedesign.inc.css === */
fcaeefc2
RK
3058
3059/* === including indicator.css is done at the start of the file === */
fe524e0c 3060
889649fd
RK
3061/* Error counter */
3062
0142a07b 3063#developer-toolbar-toolbox-button[error-count]:before {
889649fd
RK
3064 color: #000000;
3065 min-width: 16px;
3066 text-shadow: none;
3067 background-color: #FF0000;
3068 border-radius: 1px;
c29b709d 3069 -moz-margin-end: 5px;
c54ac991 3070}
e9c73590 3071
348c0499 3072/* Social toolbar item */
e9c73590 3073
0142a07b
RK
3074#social-provider-button {
3075 -moz-image-region: rect(0, 16px, 16px, 0);
a6757852 3076 list-style-image: url("chrome://browser/skin/social/services-16.png");
0142a07b
RK
3077}
3078
348c0499
RK
3079#social-provider-button > .toolbarbutton-menu-dropmarker {
3080 display: none;
e9c73590
RK
3081}
3082
82b4252f
RK
3083.toolbarbutton-badge-container {
3084 margin: 0;
3085 padding: 0;
3086 position: relative;
e9c73590
RK
3087}
3088
82b4252f 3089#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container {
ed1a91c6 3090 padding: 2px 2px;
82b4252f
RK
3091}
3092
3093.toolbarbutton-1 > .toolbarbutton-badge-container > .toolbar-icon {
3094 position: absolute;
3095 top: 2px;
3096 right: 2px;
3097}
3098
3099.toolbarbutton-badge-container > .toolbarbutton-icon[label]:not([label=""]) {
3100 -moz-margin-end: 0;
e9c73590
RK
3101}
3102
82b4252f
RK
3103.toolbarbutton-badge[badge=""] {
3104 display: none;
3105}
3106.toolbarbutton-badge[badge]:not([badge=""])::after {
6adbc9a6 3107 /* The |content| property is set in the content stylesheet. */
348c0499
RK
3108 font-size: 9px;
3109 font-weight: bold;
3110 padding: 0 1px;
3111 color: #FF9F00;
3112 background-color: #000000;
3113 border: 1px solid #9C9CFF;
3114 border-radius: 2px;
6adbc9a6 3115 position: absolute;
82b4252f
RK
3116 top: 0;
3117 right: 0;
3118}
3119
3120#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""])::after {
3121 top: 1px;
3122 right: 1px;
e9c73590
RK
3123}
3124
82b4252f
RK
3125.toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
3126 left: 0;
3127 right: auto;
e9c73590
RK
3128}
3129
82b4252f
RK
3130#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
3131 left: 1px;
6adbc9a6 3132 right: auto;
348c0499
RK
3133}
3134
3135#social-notification-icon-mentions {
e9c73590 3136 background-color: #000000;
348c0499
RK
3137 border-radius: 3px;
3138 -moz-margin-start: 2px;
e9c73590
RK
3139}
3140
348c0499
RK
3141#social-notification-icon-mentions:hover {
3142 background-color: #FFCF00;
3143}
3144
3145#social-notification-icon-mentions[open="true"] {
3146 background-color: #FF9F00;
e9c73590
RK
3147}
3148
3149#social-sidebar-splitter {
3150 border: 0;
3151}
3152
ed1a91c6
RK
3153.popup-notification-icon[popupid="servicesInstall"] {
3154 list-style-image: url("chrome://browser/skin/social/services-64.png");
3155}
3156#servicesInstall-notification-icon {
3157 list-style-image: url("chrome://browser/skin/social/services-16.png");
3158}
3159#social-undoactivation-button,
3160#servicesInstall-learnmore-link {
3161 -moz-margin-start: 0; /* override default label margin to match description margin */
3162}
3163
3164#socialActivatedNotification .popup-notification-button-container {
3165 margin-left: 6px;
3166}
3167
3168.social-activation-icon {
3169 width: auto;
3170 height: auto;
3171 max-height: 64px;
3172 max-width: 64px;
3173}
3174
3175#social-activation-message {
3176 max-width: 250px;
3177}
3178
3179#social-activation-message > label {
3180 margin: 0;
3181}
3182
e9c73590 3183/* social toolbar provider menu */
990cba4b 3184.social-statusarea-popup {
e9c73590
RK
3185 margin-top: 0;
3186 margin-left: -12px;
3187 margin-right: -12px;
3188}
3189
990cba4b 3190.social-statusarea-user {
e9c73590
RK
3191 border-bottom: 1px solid #9C9CFF;
3192 background-color: #000000;
3193 color: #FF9F00;
3194 position: relative;
348c0499 3195 cursor: pointer;
e9c73590
RK
3196}
3197
990cba4b 3198.social-statusarea-user-portrait {
e9c73590
RK
3199 width: 32px;
3200 height: 32px;
3201 border-radius: 2px;
3202 margin: 10px;
e9c73590
RK
3203}
3204
990cba4b 3205.social-statusarea-loggedInStatus {
e9c73590
RK
3206 background: transparent;
3207 border: none;
b8384c33 3208 color: #3333FF;
e9c73590
RK
3209 min-width: 0;
3210 margin: 0 6px;
348c0499 3211 list-style-image: none;
e9c73590 3212}
90a244b7 3213
990cba4b 3214#social-statusarea-user[_moz-menuactive] > vbox > .social-statusarea-loggedInStatus {
e9c73590
RK
3215 text-decoration: underline;
3216}
3217
348c0499
RK
3218.social-panel > .panel-arrowcontainer > .panel-arrowcontent {
3219 padding: 0;
3220}
3221
348c0499
RK
3222.social-panel-frame {
3223 border-radius: inherit;
3224}
e9c73590 3225
e7c8bab1
RK
3226/* === BEGIN chat.inc.css === */
3227
e9c73590
RK
3228.chat-status-icon {
3229 max-height: 16px;
3230 max-width: 16px;
3231 padding: 0;
3232}
3233
3234.chat-toolbarbutton {
3235 -moz-appearance: none;
3236 border: none;
3237 padding: 0;
3238 margin: 0;
3239 background: none;
b27cc46e 3240 width: 16px;
e9c73590
RK
3241}
3242
3243.chat-toolbarbutton > .toolbarbutton-text {
3244 display: none;
3245}
3246
b27cc46e
RK
3247.chat-toolbarbutton > .toolbarbutton-icon {
3248 width: inherit;
3249}
3250
e7c8bab1
RK
3251.chat-toolbarbutton.notification-anchor-icon > .toolbarbutton-icon {
3252 width: inherit;
3253 margin-top: -2px;
3254}
3255
e9c73590 3256.chat-close-button {
e2734cc7 3257 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
b27cc46e 3258 -moz-image-region: rect(0, 16px, 16px, 0);
e9c73590
RK
3259}
3260
3261.chat-close-button:hover,
3262.chat-close-button:hover:active {
b27cc46e 3263 -moz-image-region: rect(0, 32px, 16px, 16px);
e9c73590
RK
3264}
3265
e2734cc7
RK
3266.chat-minimize-button {
3267 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
b27cc46e 3268 -moz-image-region: rect(16px, 16px, 32px, 0);
e2734cc7
RK
3269}
3270
3271.chat-minimize-button:hover:active,
3272.chat-minimize-button:hover {
b27cc46e 3273 -moz-image-region: rect(16px, 32px, 32px, 16px);
e2734cc7
RK
3274}
3275
3276.chat-swap-button {
3277 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
b27cc46e 3278 -moz-image-region: rect(48px, 16px, 64px, 0);
e2734cc7
RK
3279}
3280
3281.chat-swap-button:hover:active,
3282.chat-swap-button:hover {
b27cc46e 3283 -moz-image-region: rect(48px, 32px, 64px, 16px);
e2734cc7
RK
3284}
3285
3286chatbar > chatbox > .chat-titlebar > .chat-swap-button {
3287 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
b27cc46e 3288 -moz-image-region: rect(32px, 16px, 48px, 0);
e2734cc7
RK
3289}
3290
3291chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active,
3292chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
b27cc46e 3293 -moz-image-region: rect(32px, 32px, 48px, 16px);
e2734cc7
RK
3294}
3295
e9c73590
RK
3296.chat-title {
3297 font-weight: bold;
3298 font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
90a244b7 3299 text-shadow: none;
348c0499 3300 cursor: inherit;
e9c73590
RK
3301}
3302
3303.chat-titlebar {
3304 background-color: #9C9CFF;
3305 color: #000000;
3306 height: 20px;
fcfb76ce 3307 min-height: 16px;
e9c73590
RK
3308 width: 100%;
3309 margin: 0;
3310 padding: 2px;
348c0499 3311 -moz-padding-start: 6px;
e9c73590
RK
3312 border: none;
3313 border-bottom: 1px solid #008484;
348c0499 3314 cursor: pointer;
e9c73590
RK
3315}
3316
e2734cc7
RK
3317.chat-titlebar > .notification-anchor-icon {
3318 margin-left: 2px;
3319 margin-right: 2px;
3320}
3321
e9c73590
RK
3322.chat-titlebar[minimized="true"] {
3323 border-bottom: none;
3324}
3325
348c0499
RK
3326.chat-titlebar[selected] {
3327 background-color: #008484;
3328}
3329
3330.chat-titlebar[activity] {
3331 background-color: #E7ADE7;
3332}
3333
e9c73590
RK
3334.chat-frame {
3335 padding: 0;
3336 margin: 0;
3337 overflow: hidden;
3338}
3339
3340.chatbar-button {
ed1a91c6 3341 list-style-image: url("chrome://browser/skin/social/services-16.png");
e9c73590
RK
3342 background-color: #000000;
3343 border: none;
3344 margin: 0;
3345 padding: 2px;
3346 height: 21px;
3347 width: 21px;
3348 border-top: 1px solid #008484;
3349 -moz-border-end: 1px solid #008484;
3350}
3351
ed1a91c6
RK
3352@media (min-resolution: 2dppx) {
3353 .chatbar-button {
3354 list-style-image: url("chrome://browser/skin/social/services-16@2x.png");
3355 }
3356}
3357
fe524e0c
RK
3358.chatbar-button > .toolbarbutton-icon {
3359 width: 16px;
3360}
3361
d7cfd768
RK
3362.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
3363 width: auto;
3364 height: auto;
e9c73590
RK
3365 max-height: 16px;
3366 max-width: 16px;
e9c73590
RK
3367}
3368
90a244b7
RK
3369.chatbar-button > .toolbarbutton-icon {
3370 opacity: .6;
3371 -moz-margin-end: 0;
3372}
3373.chatbar-button:hover > .toolbarbutton-icon,
3374.chatbar-button[open="true"] > .toolbarbutton-icon {
3375 opacity: 1;
3376}
3377
a6757852 3378.chatbar-button:hover,
90a244b7 3379.chatbar-button[open="true"] {
e9c73590
RK
3380}
3381
e9c73590
RK
3382