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