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