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