projects / themes.git / blame_incremental
? search:
summary | shortlog | log | commit | commitdiff | tree
blob | blame (non-incremental) | history | HEAD
complete sync of LCARStrek with browser winstripe changes in Firefox 21 cycle
[themes.git] / LCARStrek / browser / browser.css
... / ...
CommitLineData
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/. */
4
5@import url("chrome://global/skin/");
6
7@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
8@namespace html url("http://www.w3.org/1999/xhtml");
9
10toolbar {
11 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar");
12}
13
14toolbar[type="menubar"][autohide="true"] {
15 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide");
16}
17
18menubar {
19 -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
20}
21
22#menubar-items {
23 -moz-box-orient: vertical; /* for flex hack */
24}
25
26#main-menubar {
27 -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
28}
29
30/* ::::: primary toolbar ::::: */
31
32.toolbar-primary > .toolbar-box > .toolbar-holder {
33 background-color: #A09090;
34}
35
36.toolbar-primary > .toolbar-box > .toolbar-startcap,
37.toolbar-primary > .toolbar-box > .toolbar-endcap {
38 background-color: #9C9CFF;
39}
40
41
42#navigator-toolbox {
43}
44
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
56#navigator-toolbox > toolbar:not(:-moz-lwtheme) {
57}
58
59#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme) {
60 /* like menubar */
61 background-color: #6000CF;
62 color: #FF9F00;
63}
64#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive {
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
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 {
80 /* background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); */
81}
82
83#personal-bookmarks {
84/* min-height: 24px; */
85}
86
87#print-preview-toolbar:not(:-moz-lwtheme) {
88 /* -moz-appearance: toolbox; */
89}
90
91/* ::::: app menu button ::::: */
92
93#appmenu-button {
94 background-color: #FF9F00;
95 background-clip: padding-box;
96 border-radius: 0;
97 border: none;
98 border-right: 3px solid #000000;
99 color: #000000;
100 font-weight: bold;
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;
108}
109
110#main-window[privatebrowsingmode=temporary] #appmenu-button {
111 background-color: #6000CF;
112 color: #FFCF00;
113}
114
115#appmenu-button:hover:not(:active):not([open]) {
116}
117
118#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:not(:active):not([open]) {
119}
120
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 {
129 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
130 width: auto;
131 height: auto;
132 padding: 0;
133 margin: 0;
134 border: none;
135 background-color: transparent;
136 -moz-margin-start: .5em;
137}
138
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
143#appmenuPrimaryPane > menuitem,
144#appmenuSecondaryPane > menuitem,
145#appmenuPrimaryPane > menu {
146 padding: 2px;
147}
148
149.splitmenu-menuitem {
150 -moz-padding-start: 2px;
151 padding-top: 2px;
152 padding-bottom: 2px;
153 -moz-margin-end: 1px;
154}
155
156.splitmenu-menu {
157 padding-top: 2px;
158 padding-bottom: 2px;
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
194#appmenu-editmenu {
195 -moz-box-pack: end;
196}
197
198#appmenu_print,
199#appmenu_print_popup,
200.appmenu-edit-button,
201#appmenu-editmenu-cut,
202#appmenu-editmenu-copy,
203#appmenu-editmenu-paste,
204#appmenu-quit {
205 list-style-image: url("appmenu-icons.png");
206}
207
208#appmenu-cut,
209#appmenu-editmenu-cut {
210 -moz-image-region: rect(0 16px 16px 0);
211}
212
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
223#appmenu-copy,
224#appmenu-editmenu-copy {
225 -moz-image-region: rect(0 32px 16px 16px);
226}
227
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
238#appmenu-paste,
239#appmenu-editmenu-paste {
240 -moz-image-region: rect(0 48px 16px 32px);
241}
242
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
253#appmenu_print,
254#appmenu_print_popup {
255 -moz-image-region: rect(0 64px 16px 48px);
256}
257
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
269#appmenu-quit {
270 -moz-image-region: rect(0 80px 16px 64px);
271}
272
273#appmenu-quit:hover {
274 -moz-image-region: rect(16px 80px 32px 64px);
275}
276
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
288#appmenu_privateBrowsing,
289#appmenu_newPrivateWindow {
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
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
315#main-window[sizemode="normal"] > #titlebar {
316 margin-top: -3px;
317 margin-bottom: 3px;
318}
319
320#main-window[sizemode="maximized"] > #titlebar {
321 margin-top: 4px;
322}
323
324#titlebar-buttonbox {
325 margin-top: 5px;
326 -moz-margin-end: 3px;
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 {
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");
348}
349
350#titlebar-max {
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");
356}
357
358#main-window[sizemode="maximized"] #titlebar-max {
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");
364}
365
366#titlebar-close {
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");
372}
373
374/* ::::: bookmark buttons ::::: */
375
376/*.bookmark-item:not(#bookmarks-menu-button) > .toolbarbutton-icon */
377.bookmark-item > .toolbarbutton-icon {
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
387.bookmark-item > .toolbarbutton-menu-dropmarker {
388 display: none;
389}
390
391#wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box {
392 background: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") no-repeat center;
393}
394
395.bookmarks-toolbar-customize {
396 max-width: 15em !important;
397 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") !important;
398}
399
400/* ::::: bookmark menus ::::: */
401
402menu.bookmark-item,
403menuitem.bookmark-item {
404 min-width: 0;
405 max-width: 32em;
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 {
420 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
421 -moz-image-region: auto;
422}
423
424.bookmark-item[container] {
425 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
426 -moz-image-region: auto;
427}
428
429.bookmark-item[container][open] {
430 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
431 -moz-image-region: auto;
432}
433
434.bookmark-item[container][livemark] {
435 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-folder.png");
436 -moz-image-region: auto;
437}
438
439.bookmark-item[container][livemark] .bookmark-item {
440 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-item.png");
441 -moz-image-region: rect(0px, 16px, 16px, 0px);
442}
443
444.bookmark-item[container][livemark] .bookmark-item[visited] {
445 -moz-image-region: rect(0px, 32px, 16px, 16px);
446}
447
448.bookmark-item[container][query] {
449 list-style-image: url("chrome://communicator/skin/bookmarks/query.png");
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] {
459 list-style-image: url("chrome://communicator/skin/history/calendar.png");
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");
465 -moz-image-region: auto;
466}
467
468.bookmark-item[query][hostContainer][open] {
469 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
470 -moz-image-region: auto;
471}
472
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
483/* ::::: primary toolbar buttons ::::: */
484
485.toolbarbutton-1 {
486 list-style-image: url("chrome://browser/skin/FxToolbar.png");
487}
488
489.toolbarbutton-1:not([type="menu-button"]) {
490 -moz-box-orient: vertical;
491}
492
493.toolbarbutton-1,
494.toolbarbutton-1 > .toolbarbutton-menubutton-button {
495 min-width: 36px;
496 min-height: 36px;
497}
498
499.toolbarbutton-1:not([type="menu-button"]) {
500 -moz-box-orient: vertical;
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
519/* ::::: small primary toolbar buttons ::::: */
520
521#nav-bar {
522 /* force iconsize="small" on this toolbar */
523 counter-reset: smallicons;
524}
525
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
608#navigator-toolbox[iconsize=small] > #nav-bar {
609}
610
611#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar {
612}
613
614
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
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
630#forward-button {
631 -moz-image-region: rect(0, 36px, 18px, 18px);
632 border-left: none;
633 -moz-margin-start: 0;
634}
635
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);
642}
643
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 {
647 transform: scaleX(-1);
648}
649
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) {
660 border-top-right-radius: 0;
661 border-bottom-right-radius: 0;
662}
663
664#nav-bar #back-button:-moz-locale-dir(rtl),
665#nav-bar #forward-button {
666 border-top-left-radius: 0;
667 border-bottom-left-radius: 0;
668}
669
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 {
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;
681 -moz-image-region: rect(54px, 20px, 74px, 0);
682}
683
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"] {
690 -moz-image-region: rect(54px, 40px, 74px, 20px);
691}
692
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"] {
696 -moz-image-region: rect(54px, 60px, 74px, 40px);
697}
698
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 {
702}
703
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"] {
710}
711
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]) {
714/* padding-top: 3px;
715 padding-bottom: 5px; */
716}
717
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]) {
720/* padding-top: 5px; */
721}
722
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 {
726 /*mask: url(keyhole-forward-mask.svg#mask); XXX: this regresses twinopen */
727 /*clip-path: url("chrome://browser/content/browser.xul#winstripe-keyhole-forward-clip-path"); */
728 -moz-margin-start: -6px !important;
729 padding-left: 7px;
730 padding-right: 3px;
731 margin-top: 2px;
732 margin-bottom: 2px;
733}
734
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) {
738 border-top-right-radius: 11px;
739 border-bottom-right-radius: 11px;
740}
741
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) {
745 border-top-left-radius: 11px;
746 border-bottom-left-radius: 11px;
747}
748
749.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr),
750.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
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;
757}
758
759.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr),
760.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
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;
767}
768
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 {
772/* border-top-right-radius: 0;
773 border-bottom-right-radius: 0;
774 -moz-margin-end: 0; */
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 {
780 transition: opacity 150ms ease-out;
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
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
795#stop-button {
796 -moz-image-region: rect(0, 54px, 18px, 36px);
797}
798
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
807#reload-button {
808 -moz-image-region: rect(0, 72px, 18px, 54px);
809}
810
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
819#home-button.bookmark-item {
820 list-style-image: url("chrome://browser/skin/FxToolbar.png");
821}
822#home-button {
823 -moz-image-region: rect(0, 90px, 18px, 72px);
824}
825
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
834#downloads-button {
835 -moz-image-region: rect(0, 108px, 18px, 90px);
836}
837
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
846#downloads-button > .toolbarbutton-icon {
847 margin: 0;
848}
849
850#history-button {
851 -moz-image-region: rect(0, 126px, 18px, 108px);
852}
853
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
862#bookmarks-button,
863#bookmarks-menu-button {
864 list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */
865 -moz-image-region: rect(0, 144px, 18px, 126px);
866}
867
868#bookmarks-menu-button.bookmark-item {
869 /* list-style-image: url("chrome://browser/skin/FxToolbar.png"); */
870}
871
872#bookmarks-menu-button.toolbarbutton-1 {
873 -moz-box-orient: horizontal;
874}
875
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
887#print-button {
888 -moz-image-region: rect(0, 162px, 18px, 144px);
889}
890
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
899#new-tab-button {
900 -moz-image-region: rect(0, 180px, 18px, 162px);
901}
902
903#new-tab-button:not([disabled="true"]):hover {
904 -moz-image-region: rect(18px, 180px, 36px, 162px);
905}
906
907#new-tab-button[disabled="true"] {
908 -moz-image-region: rect(36px, 180px, 54px, 162px);
909}
910
911#new-window-button {
912 -moz-image-region: rect(0, 198px, 18px, 180px);
913}
914
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
923#cut-button {
924 -moz-image-region: rect(0, 216px, 18px, 198px);
925}
926
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
935#copy-button {
936 -moz-image-region: rect(0, 234px, 18px, 216px);
937}
938
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
947#paste-button {
948 -moz-image-region: rect(0, 252px, 18px, 234px);
949}
950
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
959#fullscreen-button {
960 -moz-image-region: rect(0, 270px, 18px, 252px);
961}
962
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
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);
978}
979
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
996#sync-button:not([status]) {
997 list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */
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
1006#sync-button[disabled="true"] {
1007 -moz-image-region: rect(36px, 324px, 54px, 306px);
1008}
1009
1010#feed-button {
1011 -moz-image-region: rect(0, 342px, 18px, 324px);
1012}
1013
1014#feed-button[disabled="true"] {
1015 -moz-image-region: rect(36px, 342px, 54px, 324px);
1016}
1017
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
1078/* ::::: fullscreen window controls ::::: */
1079
1080#window-controls {
1081 -moz-margin-start: 4px;
1082}
1083
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
1116#urlbar,
1117.searchbar-textbox {
1118 border-radius: 5px;
1119 margin: 0;
1120 -moz-margin-start: 3px;
1121}
1122
1123#urlbar {
1124 width: 7em;
1125 /* make color as light as possible to deal with dark non-domain parts */
1126 color: #FFBFFF;
1127}
1128
1129#urlbar:-moz-lwtheme,
1130.searchbar-textbox:-moz-lwtheme {
1131 /* background-color: rgba(255,255,255,.8);
1132 @navbarTextboxCustomBorder@
1133 color: black; */
1134}
1135
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])) >
1138 #unified-back-forward-button + #urlbar-container {
1139 padding-left: 22px;
1140 -moz-margin-start: -22px;
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])) >
1147 #unified-back-forward-button + #urlbar-container > #urlbar {
1148/* -moz-border-start: none;
1149 margin-left: 0; */
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])) >
1155 #unified-back-forward-button:not([switchingtabs]) + #urlbar-container > #urlbar {
1156 transition: margin-left 150ms ease-out;
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])) >
1161 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(ltr) {
1162/* border-top-left-radius: 0;
1163 border-bottom-left-radius: 0; */
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])) >
1168 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
1169/* border-top-right-radius: 0;
1170 border-bottom-right-radius: 0; */
1171}
1172
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])) >
1175 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar {
1176 margin-left: -22px;
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])) >
1181 #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar {
1182 /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
1183 transition-delay: 100s;
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])) >
1188 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar {
1189 /* when not hovered anymore, trigger a new transition to hide the forward button immediately */
1190 margin-left: -22.01px;
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])) >
1195 #unified-back-forward-button + #urlbar-container:-moz-locale-dir(rtl),
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])) >
1198 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
1199 /* let winstripe-urlbar-back-button-clip-path clip the urlbar's right side for RTL */
1200 transform: scaleX(-1);
1201}
1202
1203html|*.urlbar-input:-moz-lwtheme::-moz-placeholder,
1204.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::-moz-placeholder {
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
1218.urlbar-textbox-container {
1219 -moz-box-align: stretch;
1220}
1221
1222.urlbar-input-box {
1223 -moz-margin-start: 0;
1224 min-width: 4em;
1225}
1226
1227#urlbar-icons {
1228 -moz-box-align: center;
1229}
1230
1231.urlbar-icon {
1232 padding: 0 2px;
1233}
1234
1235.searchbar-engine-button,
1236.search-go-container {
1237 padding: 2px;
1238}
1239
1240.search-go-container > .search-go-button {
1241 padding: 0;
1242}
1243
1244.urlbar-icon:hover {
1245}
1246
1247.urlbar-icon[open="true"],
1248.urlbar-icon:hover:active {
1249}
1250
1251#urlbar-search-splitter {
1252 min-width: 6px;
1253 -moz-margin-start: -3px;
1254 border: none;
1255 background: transparent;
1256}
1257
1258#urlbar-search-splitter + #urlbar-container > #urlbar,
1259#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
1260 -moz-margin-start: 0;
1261}
1262
1263#urlbar-display {
1264 -moz-border-end: 1px solid #9C9CFF;
1265 -moz-margin-end: 3px;
1266 margin-top: 0;
1267 margin-bottom: 0;
1268 -moz-margin-start: 0;
1269 color: #8050B0;
1270}
1271
1272/* identity box */
1273
1274#identity-box {
1275 border-radius: 2px;
1276 font-size: .9em;
1277}
1278
1279#notification-popup-box:not([hidden]) + #identity-box {
1280 -moz-padding-start: 10px !important;
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])) >
1286 #unified-back-forward-button + #urlbar-container > #urlbar > #identity-box {
1287/* border-radius: 0; */
1288 -moz-padding-start: 2px;
1289 -moz-padding-end: 2px;
1290 -moz-margin-end: 1px;
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])) >
1295 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
1296 padding-left: 2px;
1297 transition: padding-left;
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])) >
1302 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
1303 padding-right: 2px;
1304 transition: padding-right;
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])) >
1309 #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box {
1310 /* forward button hiding is delayed when hovered */
1311 transition-delay: 100s;
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])) >
1316 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
1317 /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
1318 padding-left: 2.01px;
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])) >
1323 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
1324 /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
1325 padding-right: 2.01px;
1326}
1327
1328#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
1329 color: #008484;
1330 -moz-border-end: 1px solid #008484;
1331 -moz-margin-end: 3px;
1332}
1333
1334#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(ltr) {
1335 border-top-right-radius: 0;
1336 border-bottom-right-radius: 0;
1337}
1338
1339#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
1340 border-top-left-radius: 0;
1341 border-bottom-left-radius: 0;
1342}
1343
1344#identity-box.verifiedIdentity:not(:-moz-lwtheme) {
1345 background-color: #000000;
1346}
1347
1348#identity-box:-moz-focusring {
1349 outline: 1px dotted #008484;
1350 outline-offset: -1px;
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;
1361}
1362
1363/* Location bar dropmarker */
1364
1365.urlbar-history-dropmarker:not(:hover):not([open="true"]) {
1366 background-color: transparent;
1367}
1368
1369#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker {
1370 border: none;
1371 border-radius: 0px;
1372}
1373
1374.urlbar-history-dropmarker:hover {
1375}
1376
1377.urlbar-history-dropmarker:hover:active,
1378.urlbar-history-dropmarker[open="true"] {
1379}
1380
1381/* page proxy icon */
1382
1383#page-proxy-favicon {
1384 width: 16px;
1385 height: 16px;
1386 list-style-image: url("chrome://browser/skin/identity-icons-generic.png");
1387 -moz-image-region: rect(0, 16px, 16px, 0);
1388}
1389
1390.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
1391 list-style-image: url("chrome://browser/skin/identity-icons-https.png");
1392}
1393
1394.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
1395 list-style-image: url("chrome://browser/skin/identity-icons-https-ev.png");
1396}
1397
1398.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
1399 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-active.png");
1400}
1401
1402#identity-box:hover > #page-proxy-favicon {
1403 -moz-image-region: rect(0, 32px, 16px, 16px);
1404}
1405
1406#identity-box:hover:active > #page-proxy-favicon,
1407#identity-box[open=true] > #page-proxy-favicon {
1408 -moz-image-region: rect(0, 48px, 16px, 32px);
1409}
1410
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
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] {
1423 background-color: #008484;
1424 color: #000000;
1425}
1426
1427#page-proxy-favicon[pageproxystate="invalid"] {
1428 opacity: 0.3;
1429}
1430
1431/* autocomplete */
1432
1433#treecolAutoCompleteImage {
1434 max-width: 36px;
1435}
1436
1437.ac-result-type-bookmark,
1438.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
1439 list-style-image: url("chrome://browser/skin/places/bookmark.png");
1440 -moz-image-region: rect(0px 16px 16px 0px);
1441 width: 16px;
1442 height: 16px;
1443}
1444
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);
1449 width: 16px;
1450 height: 16px;
1451}
1452
1453.ac-result-type-tag,
1454.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
1455 list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
1456 width: 16px;
1457 height: 16px;
1458}
1459
1460.ac-comment {
1461 font-size: 1.15em;
1462}
1463
1464.ac-extra > .ac-comment {
1465 font-size: inherit;
1466}
1467
1468.ac-url-text,
1469.ac-action-text {
1470 color: #9C9CFF;
1471}
1472
1473richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon {
1474 list-style-image: url("chrome://browser/skin/actionicon-tab.png");
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);
1481}
1482
1483.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
1484 color: #8050B0;
1485}
1486
1487.ac-comment[selected="true"],
1488.ac-url-text[selected="true"],
1489.ac-action-text[selected="true"] {
1490 color: inherit !important;
1491}
1492
1493.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
1494.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment)
1495{
1496 color: #8050B0;
1497 font-size: smaller;
1498}
1499
1500.autocomplete-treebody::-moz-tree-cell(suggesthint) {
1501 border-top: 1px solid #9C9CFF;
1502}
1503
1504/* combined go/reload/stop button in location bar */
1505
1506#go-button,
1507#urlbar > toolbarbutton {
1508 list-style-image: url("chrome://browser/skin/reload-stop-go.png");
1509 /* margin: -2px; */
1510 -moz-margin-start: 0;
1511 padding: 0 2px;
1512 background-origin: border-box;
1513 border: none;
1514 -moz-border-start: 1px solid #9C9CFF;
1515}
1516
1517#go-button {
1518 padding: 0 3px;
1519}
1520
1521#urlbar:-moz-locale-dir(ltr) > toolbarbutton {
1522 border-top-left-radius: 0px;
1523 border-bottom-left-radius: 0px;
1524}
1525
1526#urlbar:-moz-locale-dir(rtl) > toolbarbutton {
1527 border-top-right-radius: 0px;
1528 border-bottom-right-radius: 0px;
1529}
1530
1531#urlbar > toolbarbutton:not([disabled]):active:hover,
1532#urlbar-reload-button:not(:hover) {
1533 -moz-border-start-style: none;
1534 -moz-padding-start: 3px;
1535}
1536
1537#urlbar > toolbarbutton:not([disabled]):active:hover {
1538}
1539
1540#urlbar-go-button {
1541 -moz-image-region: rect(0, 42px, 14px, 28px);
1542}
1543
1544#go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
1545#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
1546 transform: scaleX(-1);
1547}
1548
1549#urlbar-go-button:hover,
1550#go-button:hover {
1551 -moz-image-region: rect(14px, 42px, 28px, 28px);
1552}
1553
1554#urlbar-reload-button {
1555 -moz-image-region: rect(0px, 14px, 14px, 0px);
1556}
1557
1558#urlbar-reload-button[disabled] {
1559 -moz-image-region: rect(28px, 14px, 42px, 0px);
1560}
1561
1562#urlbar-reload-button:not([disabled]):hover {
1563 -moz-image-region: rect(14px, 14px, 28px, 0px);
1564}
1565
1566#urlbar-stop-button {
1567 -moz-image-region: rect(0px, 28px, 14px, 14px);
1568}
1569
1570#urlbar-stop-button:hover {
1571 -moz-image-region: rect(14px, 28px, 28px, 14px);
1572}
1573
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);
1579}
1580
1581#page-report-button:hover ,
1582#page-report-button:hover:active,
1583#page-report-button[open="true"] {
1584 -moz-image-region: rect(0, 32px, 16px, 16px);
1585}
1586
1587/* social recommending panel */
1588
1589#share-button {
1590 -moz-image-region: rect(0, 16px, 16px, 0);
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
1623#unsharePopupText {
1624 height: 48px;
1625}
1626
1627#unsharePopupBottomButtons {
1628 margin-top: 1em;
1629}
1630
1631/* star button */
1632
1633#star-button {
1634 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png");
1635 -moz-image-region: rect(16px 16px 32px 0px);
1636}
1637
1638#star-button:hover {
1639 -moz-image-region: rect(16px 32px 32px 16px);
1640}
1641
1642#star-button:hover:active {
1643 -moz-image-region: rect(16px 48px 32px 32px);
1644}
1645
1646#star-button[starred="true"] {
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);
1656}
1657
1658/* bookmarking panel */
1659#editBookmarkPanelStarIcon {
1660 list-style-image: url("chrome://browser/skin/places/starred48.png");
1661 width: 48px;
1662 height: 48px;
1663}
1664
1665#editBookmarkPanelStarIcon[unstarred] {
1666 list-style-image: url("chrome://browser/skin/places/unstarred48.png");
1667}
1668
1669#editBookmarkPanelTitle {
1670 font-size: 130%;
1671}
1672
1673#editBookmarkPanelHeader,
1674#editBookmarkPanelContent {
1675 margin-bottom: .5em;
1676}
1677
1678/* Implements editBookmarkPanel resizing on folderTree un-collapse. */
1679#editBMPanel_folderTree {
1680 min-width: 27em;
1681}
1682
1683.panel-promo-box {
1684 margin: 5px -6px -6px;
1685 padding: 5px;
1686 border-top: 1px solid #9C9CFF;
1687 border-bottom-left-radius: 5px;
1688 border-bottom-right-radius: 5px;
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");
1699 -moz-margin-end: -3px;
1700 margin-top: -3px;
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
1716/* ::::: content area ::::: */
1717
1718#sidebar {
1719 background-color: Window;
1720}
1721
1722#sidebar-title {
1723 -moz-padding-start: 0px;
1724}
1725
1726/* ::::: throbber ::::: */
1727
1728#navigator-throbber {
1729 width: 16px;
1730 min-height: 16px;
1731 margin: 0 3px;
1732}
1733
1734#navigator-throbber[busy="true"] {
1735 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
1736}
1737
1738#navigator-throbber,
1739#wrapper-navigator-throbber > #navigator-throbber {
1740 list-style-image: url("chrome://communicator/skin/brand/throbber16-single.png");
1741}
1742
1743/* Tabstrip */
1744
1745#TabsToolbar {
1746 min-height: 0;
1747 padding: 0;
1748 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar");
1749}
1750
1751#TabsToolbar .toolbar-holder {
1752 background-color: #000000; /* correct effect of being an actual toolbar */
1753}
1754
1755#main-window[disablechrome] #TabsToolbar,
1756#TabsToolbar[tabsontop="false"] {
1757 border-bottom: 1px solid #008484;
1758}
1759
1760.tabbrowser-tab,
1761.tabs-newtab-button {
1762 margin-top: 0px;
1763}
1764
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
1782.tabbrowser-tab:hover,
1783.tabs-newtab-button:hover {
1784}
1785
1786.tabbrowser-tab[selected="true"] {
1787}
1788
1789#main-window[tabsontop=false]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) {
1790}
1791
1792.tabbrowser-tab:-moz-lwtheme {
1793}
1794
1795.tabbrowser-tab[selected="true"]:-moz-lwtheme {
1796}
1797
1798.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]),
1799.tabs-newtab-button:-moz-lwtheme-brighttext {
1800}
1801
1802.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]):hover,
1803.tabs-newtab-button:-moz-lwtheme-brighttext:hover {
1804}
1805
1806.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]),
1807.tabs-newtab-button:-moz-lwtheme-darktext {
1808}
1809
1810.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]):hover,
1811.tabs-newtab-button:-moz-lwtheme-darktext:hover {
1812}
1813
1814.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
1815 background-color: #E7ADE7;
1816}
1817.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover {
1818 background-color: #3333FF;
1819 color: #000000;
1820}
1821
1822.tab-throbber,
1823.tab-icon-image {
1824 width: 16px;
1825 height: 16px;
1826 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
1827 -moz-image-region: auto;
1828 -moz-margin-end: 3px;
1829}
1830
1831.tab-throbber {
1832 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png");
1833}
1834
1835.tab-throbber[progress] {
1836 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
1837}
1838
1839.tab-throbber[pinned],
1840.tab-icon-image[pinned] {
1841 -moz-margin-start: 2px;
1842 -moz-margin-end: 2px;
1843}
1844
1845/* tabbrowser-tab focus ring */
1846.tabbrowser-tab:focus > .tab-stack {
1847 outline: 1px dotted;
1848}
1849
1850/* Tab DnD indicator */
1851.tab-drop-indicator {
1852 list-style-image: url("chrome://browser/skin/tabbrowser/tabDragIndicator.png");
1853 margin-bottom: -11px;
1854}
1855
1856/* Tab close button */
1857.tab-close-button {
1858 border: none;
1859 padding: 0px;
1860 margin-top: 1px;
1861 list-style-image: url("chrome://global/skin/icons/close-button.gif");
1862}
1863
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");
1867}
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");
1872}
1873
1874/* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */
1875
1876.tabbrowser-arrowscrollbox > .scrollbutton-up,
1877.tabbrowser-arrowscrollbox > .scrollbutton-down {
1878 margin: 0;
1879 padding-top: 0;
1880 padding-bottom: 0;
1881}
1882
1883.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
1884 background-color: #008484;
1885}
1886
1887.tabs-newtab-button > .toolbarbutton-icon {
1888 margin-top: -1px;
1889 margin-bottom: -1px;
1890}
1891
1892.tabs-newtab-button,
1893#TabsToolbar > #new-tab-button,
1894#TabsToolbar > toolbarpaletteitem > #new-tab-button {
1895 list-style-image: url("chrome://browser/skin/tabbrowser/newtab.png");
1896 -moz-image-region: rect(0, 16px, 18px, 0);
1897}
1898
1899.tabs-newtab-button {
1900 width: 28px;
1901}
1902
1903#TabsToolbar > #new-tab-button {
1904 width: 26px;
1905}
1906
1907.tabs-newtab-button,
1908.tabs-newtab-button:hover,
1909#TabsToolbar > #new-tab-button:hover {
1910 -moz-image-region: rect(0, 32px, 18px, 16px);
1911}
1912
1913#alltabs-button {
1914 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
1915}
1916
1917#alltabs-button > .toolbarbutton-menu-dropmarker {
1918 display: none;
1919}
1920
1921#alltabs-button:hover,
1922#alltabs-button:hover:active,
1923#alltabs-button[open="true"] {
1924 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
1925}
1926
1927/* All tabs menupopup */
1928.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
1929 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
1930 -moz-image-region: auto;
1931}
1932
1933.alltabs-item[selected="true"] {
1934 font-weight: bold;
1935}
1936
1937.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
1938 list-style-image: url("chrome://global/skin/icons/loading.gif");
1939}
1940
1941.alltabs-item[tabIsVisible]:not([_moz-menuactive="true"]) {
1942 background-color: #402800;
1943}
1944
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");
1951}
1952
1953.tabs-closebutton > .toolbarbutton-icon {
1954}
1955
1956.tabs-closebutton > .toolbarbutton-text {
1957 display: none;
1958}
1959
1960.tabs-closebutton:hover,
1961.tabs-closebutton:hover:active {
1962 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
1963}
1964
1965toolbarbutton.chevron {
1966 list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
1967}
1968
1969toolbarbutton.chevron:hover {
1970 list-style-image: url("chrome://global/skin/toolbar/chevron-hover.gif") !important;
1971}
1972
1973toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
1974toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
1975 transform: scaleX(-1);
1976}
1977
1978toolbarbutton.chevron > .toolbarbutton-text,
1979toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
1980 display: none;
1981}
1982
1983toolbarbutton.chevron > .toolbarbutton-icon {
1984 margin: 0;
1985}
1986
1987toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
1988 display: -moz-box; /* display chevron icon in text mode */
1989}
1990
1991#sidebar-throbber[loading="true"] {
1992 list-style-image: url("chrome://global/skin/icons/loading.gif");
1993 -moz-margin-end: 4px;
1994}
1995
1996/* Bookmarks toolbar */
1997#PlacesToolbarDropIndicator {
1998 list-style-image: url("chrome://communicator/skin/bookmarks/toolbarDropMarker.png");
1999}
2000
2001toolbarbutton.bookmark-item[dragover="true"][open="true"] {
2002 background-color: #008484 !important;
2003 color: #FFCF00 !important;
2004}
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;
2012}
2013
2014.menupopup-drop-indicator {
2015 list-style-image: none;
2016 height: 2px;
2017 -moz-margin-end: -4em;
2018 background-color: #008484;
2019}
2020
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);
2030}
2031
2032#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
2033 -moz-image-region: rect(64px, 64px, 128px, 0px);
2034}
2035
2036#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
2037 -moz-image-region: rect(128px, 64px, 192px, 0px);
2038}
2039
2040/* Popup Body Text */
2041.identity-popup-description {
2042 white-space: pre-wrap;
2043 -moz-padding-start: 15px;
2044 margin: 2px 0 4px;
2045}
2046
2047.identity-popup-label {
2048 white-space: pre-wrap;
2049 -moz-padding-start: 15px;
2050 margin: 0;
2051}
2052
2053#identity-popup-content-host,
2054#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
2055 font-size: 1.2em;
2056}
2057
2058#identity-popup-content-host {
2059 margin-top: 3px;
2060 margin-bottom: 5px;
2061 font-weight: bold;
2062 max-width: 300px;
2063}
2064
2065#identity-popup-content-owner {
2066 margin-top: 4px;
2067 margin-bottom: 0 !important;
2068 font-weight: bold;
2069 max-width: 300px;
2070}
2071
2072.verifiedDomain > #identity-popup-content-owner {
2073 font-weight: normal;
2074}
2075
2076#identity-popup-content-verifier {
2077 margin: 4px 0 2px;
2078}
2079
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;
2084}
2085
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");
2089}
2090
2091#identity-popup-more-info-button {
2092 margin-top: 6px;
2093 margin-bottom: 0;
2094 -moz-margin-end: 0;
2095}
2096
2097.popup-notification-icon {
2098 width: 64px;
2099 height: 64px;
2100 -moz-margin-end: 10px;
2101}
2102
2103.popup-notification-icon[popupid="geolocation"] {
2104 list-style-image: url("chrome://browser/skin/Geolocation-64.png");
2105}
2106
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"],
2112.popup-notification-icon[popupid="addon-install-complete"] {
2113 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
2114 width: 32px;
2115 height: 32px;
2116}
2117
2118.popup-notification-icon[popupid="click-to-play-plugins"] {
2119 list-style-image: url("chrome://mozapps/skin/plugins/pluginBlocked-64.png");
2120}
2121
2122.addon-progress-description {
2123 width: 350px;
2124 max-width: 350px;
2125}
2126
2127.popup-progress-label,
2128.popup-progress-meter {
2129 -moz-margin-start: 0;
2130 -moz-margin-end: 0;
2131}
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);
2143}
2144
2145.popup-progress-cancel:hover {
2146 -moz-image-region: rect(16px, 32px, 32px, 16px);
2147}
2148
2149.popup-progress-cancel:active {
2150 -moz-image-region: rect(32px, 32px, 48px, 16px);
2151}
2152
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");
2156}
2157
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");
2161}
2162
2163.popup-notification-icon[popupid="webapps-install"] {
2164 list-style-image: url("chrome://browser/skin/webapps-64.png");
2165}
2166
2167.popup-notification-icon[popupid="mixed-content-blocked"] {
2168 list-style-image: url("chrome://browser/skin/mixed-content-blocked-64.png");
2169}
2170
2171.popup-notification-icon[popupid="webRTC-sharingDevices"],
2172.popup-notification-icon[popupid="webRTC-shareDevices"] {
2173 list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png");
2174}
2175
2176/* Notification icon box */
2177#notification-popup-box {
2178 position: relative;
2179 background-color: #000000;
2180 background-clip: padding-box;
2181 padding-left: 3px;
2182 padding-right: 8px;
2183 border-radius: 3px 0 0 3px;
2184 -moz-border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0;
2185 -moz-margin-end: -8px;
2186 border-right-width: 8px;
2187}
2188
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])) >
2191 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box {
2192/* padding-left: 5px; */
2193}
2194
2195#notification-popup-box:-moz-locale-dir(rtl),
2196.notification-anchor-icon:-moz-locale-dir(rtl) {
2197 transform: scaleX(-1);
2198}
2199
2200.notification-anchor-icon {
2201 width: 16px;
2202 height: 16px;
2203 margin: 0 2px;
2204}
2205
2206.notification-anchor-icon:-moz-focusring {
2207 outline: 1px dotted #008484;
2208/* outline-offset: -3px; */
2209}
2210
2211#default-notification-icon {
2212 list-style-image: url("chrome://global/skin/icons/information-16.png");
2213}
2214
2215#identity-notification-icon {
2216 list-style-image: url("chrome://mozapps/skin/profile/profileicon.png");
2217}
2218
2219#geo-notification-icon {
2220 list-style-image: url("chrome://browser/skin/Geolocation-16.png");
2221}
2222
2223#addons-notification-icon {
2224 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
2225}
2226
2227#indexedDB-notification-icon {
2228 list-style-image: url("chrome://global/skin/icons/question-16.png");
2229}
2230
2231#password-notification-icon {
2232 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png");
2233}
2234
2235#webapps-notification-icon {
2236 list-style-image: url("chrome://browser/skin/webapps-16.png");
2237}
2238
2239#plugins-notification-icon {
2240 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
2241}
2242
2243#blocked-plugins-notification-icon {
2244 list-style-image: url("chrome://mozapps/skin/plugins/notifyPluginBlocked.png");
2245}
2246
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
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
2267#mixed-content-blocked-notification-icon {
2268 list-style-image: url("chrome://browser/skin/mixed-content-blocked-16.png");
2269}
2270
2271#webRTC-shareDevices-notification-icon {
2272 list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png");
2273}
2274
2275#webRTC-sharingDevices-notification-icon {
2276 list-style-image: url("chrome://browser/skin/webRTC-sharingDevice-16.png");
2277}
2278
2279#identity-popup-container {
2280 min-width: 280px;
2281}
2282
2283#download-monitor {
2284 list-style-image: url("chrome://browser/skin/FxToolbar.png");
2285 -moz-image-region: rect(0, 108px, 18px, 90px);
2286}
2287
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");
2296}
2297
2298#bookmarksToolbarFolderMenu,
2299#appmenu_bookmarksToolbar,
2300#BMB_bookmarksToolbar {
2301 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png");
2302 -moz-image-region: auto;
2303}
2304
2305#appmenu_unsortedBookmarks,
2306#BMB_unsortedBookmarks {
2307 list-style-image: url("chrome://communicator/skin/bookmarks/unsortedBookmarks.png");
2308 -moz-image-region: auto;
2309}
2310
2311/* ::::: Keyboard UI Panel ::::: */
2312
2313.KUI-panel {
2314 color: #FF9F00;
2315 border-style: none;
2316 border-radius: 20px;
2317}
2318
2319.KUI-panel[level="top"] {
2320 /*background-color: rgba(27%,27%,27%,.65);*/
2321}
2322
2323/* Ctrl-Tab */
2324
2325#ctrlTab-panel {
2326 padding: 20px 10px 10px;
2327 font-weight: bold;
2328}
2329
2330.ctrlTab-favicon[src] {
2331 background-color: #000000;
2332 width: 20px;
2333 height: 20px;
2334 padding: 2px;
2335}
2336
2337.ctrlTab-preview-inner > .tabPreview-canvas {
2338}
2339
2340.ctrlTab-preview:not(#ctrlTab-showAll) > * > .ctrlTab-preview-inner > .tabPreview-canvas {
2341 margin-bottom: 2px;
2342}
2343
2344.ctrlTab-preview-inner {
2345 padding-bottom: 10px;
2346}
2347
2348#ctrlTab-showAll:not(:focus) > * > .ctrlTab-preview-inner {
2349 padding: 10px;
2350 background-color: #000000;
2351 border-radius: .5em;
2352}
2353
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;
2361}
2362
2363.ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner {
2364 margin: -10px -10px 0;
2365}
2366
2367#ctrlTab-showAll {
2368 margin-top: .5em;
2369}
2370
2371/* Add-on bar */
2372
2373#addon-bar {
2374 min-height: 20px;
2375 border-top: 3px solid #000000;
2376 border-bottom-width: 0;
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
2394#status-bar {
2395 -moz-binding: url("chrome://global/content/bindings/general.xml#statusbar");
2396 margin-top: .3em;
2397 border-width: 0;
2398}
2399
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
2407/* Remove all borders from statusbarpanel children of
2408 the statusbar.
2409#status-bar > statusbarpanel {
2410 border-width: 0;
2411} */
2412
2413#addonbar-closebutton {
2414 border: none;
2415 padding: 3px 5px;
2416 list-style-image: url("chrome://global/skin/icons/close-button.gif");
2417}
2418
2419#addonbar-closebutton:hover,
2420#addonbar-closebutton:hover:active {
2421 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2422}
2423
2424/* Status panel */
2425
2426.statuspanel-label {
2427 margin: 0;
2428 padding: 2px 4px;
2429 background: #404000;
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}
2449
2450/* HACK to abolish devily color on main content */
2451
2452#content {
2453 background-color: transparent !important;
2454}
2455
2456/* Highlighter */
2457
2458.highlighter-outline {
2459 box-shadow: 0 0 0 1px black;
2460 outline: 1px dashed white;
2461}
2462
2463.highlighter-outline[locked] {
2464 box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
2465 outline-color: rgba(255,255,255,0.7);
2466}
2467
2468/* Developer toolbar */
2469
2470#developer-toolbar {
2471 border-top: 3px solid #000000;
2472 border-bottom: none;
2473}
2474
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
2490/* Highlighter - Node Infobar */
2491
2492.highlighter-nodeinfobar {
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
2500/* Highlighter - Node Infobar - text */
2501
2502.highlighter-nodeinfobar-text {
2503 /* 100% - size of the buttons and margins */
2504 max-width: calc(100% - 2 * (26px + 6px));
2505 padding-bottom: 1px;
2506}
2507
2508html|*.highlighter-nodeinfobar-tagname {
2509 color: #FFCF00;
2510}
2511
2512html|*.highlighter-nodeinfobar-id {
2513 color: #9C9CFF;
2514}
2515
2516html|*.highlighter-nodeinfobar-pseudo-classes {
2517 color: #FF9F00;
2518}
2519
2520/* Highlighter - Node Infobar - buttons */
2521
2522.highlighter-nodeinfobar-button {
2523 padding: 0;
2524 width: 26px;
2525 min-height: 26px;
2526}
2527
2528.highlighter-nodeinfobar-inspectbutton {
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
2535.highlighter-nodeinfobar-inspectbutton:-moz-locale-dir(rtl) {
2536}
2537
2538.highlighter-nodeinfobar-inspectbutton:hover,
2539.highlighter-nodeinfobar-inspectbutton:hover:active/*,
2540.highlighter-nodeinfobar-container:not([locked]) > .highlighter-nodeinfobar > .highlighter-nodeinfobar-inspectbutton*/ {
2541 -moz-image-region: rect(0px 32px 16px 16px);
2542}
2543
2544.highlighter-nodeinfobar-menu {
2545}
2546
2547.highlighter-nodeinfobar-menu:-moz-locale-dir(rtl) {
2548}
2549
2550.highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker {
2551 -moz-box-align: center;
2552 -moz-margin-start: -1px;
2553}
2554
2555/* Highlighter - Node Infobar - box & arrow */
2556
2557.highlighter-nodeinfobar-arrow {
2558 width: 14px;
2559 height: 14px;
2560 -moz-margin-start: calc(50% - 7px);
2561 transform: rotate(-45deg);
2562 border: 1px solid transparent;
2563 background-clip: padding-box;
2564 background-repeat: no-repeat;
2565}
2566
2567.highlighter-nodeinfobar-arrow-top {
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);
2572 background-image: linear-gradient(bottom left, transparent 50%, rgb(0, 132, 132) 50%);
2573}
2574
2575.highlighter-nodeinfobar-arrow-bottom {
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);
2580 background-image: linear-gradient(top right, transparent 50%, rgb(0, 132, 132) 50%);
2581}
2582
2583.highlighter-nodeinfobar-container[position="top"] > .highlighter-nodeinfobar,
2584.highlighter-nodeinfobar-container[position="overlap"] > .highlighter-nodeinfobar {
2585 box-shadow: 0 1px 0 hsla(0, 0%, 100%, .1) inset;
2586}
2587
2588.highlighter-nodeinfobar-container[hide-arrow] > .highlighter-nodeinfobar {
2589 margin: 7px 0;
2590}
2591
2592#full-screen-warning-message {
2593 background-color: #000000;
2594 color: #FF9F00;
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] {
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%;
2611}
2612
2613.full-screen-approval-button,
2614#full-screen-remember-decision {
2615 font-size: 120%;
2616}
2617
2618html|*#gcli-tooltip-frame,
2619html|*#gcli-output-frame {
2620 padding: 0;
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;
2630}
2631
2632.gclitoolbar-input-node,
2633.gclitoolbar-complete-node,
2634.gclitoolbar-prompt {
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;
2643}
2644
2645.gclitoolbar-input-node {
2646 padding-left: 20px;
2647}
2648
2649.gclitoolbar-input-node:not([focused="true"]) {
2650 border-color: transparent;
2651}
2652
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
2659.gclitoolbar-complete-node {
2660 padding-left: 21px;
2661 background-color: transparent;
2662 color: transparent;
2663}
2664
2665.gclitoolbar-prompt {
2666 padding-left: 4px;
2667 padding-bottom: 2px;
2668 font-size: 150%;
2669 font-weight: bold;
2670 color: #E7ADE7;
2671 background-color: #000000;
2672}
2673
2674.gclitoolbar-prompt-label,
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
2706/* Responsive Mode */
2707
2708.browserContainer[responsivemode] {
2709 background: #221500 url("chrome://browser/skin/devtools/responsive-background.png");
2710 padding: 0 20px 20px 20px;
2711}
2712
2713.browserStack[responsivemode] {
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;
2740 transform: translate(12px, -12px);
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;
2748 transform: translate(12px, 12px);
2749 background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
2750}
2751
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
2762/* Developer Toolbar */
2763
2764#developer-toolbar-toolbox-button {
2765 min-width: 18px;
2766}
2767
2768#developer-toolbar-toolbox-button > .toolbarbutton-text {
2769 display: none;
2770}
2771
2772#developer-toolbar-toolbox-button > .toolbarbutton-icon {
2773 -moz-margin-end: 0;
2774}
2775
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
2783.developer-toolbar-button[open=true],
2784.developer-toolbar-button:active:hover,
2785.developer-toolbar-button[checked=true] {
2786}
2787
2788.developer-toolbar-button[checked=true] {
2789}
2790
2791#developer-toolbar-toolbox-button {
2792 -moz-image-region: rect(64px, 16px, 80px, 0);
2793}
2794
2795/* Error counter */
2796
2797#developer-toolbar-toolbox-button[error-count]:before {
2798 color: #000000;
2799 min-width: 16px;
2800 text-shadow: none;
2801 background-color: #FF0000;
2802 border-radius: 1px;
2803 -moz-margin-end: 5px;
2804}
2805
2806/* Social toolbar item */
2807
2808#social-provider-button {
2809 -moz-image-region: rect(0, 16px, 16px, 0);
2810}
2811
2812#social-provider-button > .toolbarbutton-menu-dropmarker {
2813 display: none;
2814}
2815
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;
2820}
2821
2822#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item {
2823 margin-left: 5px;
2824 margin-right: 5px;
2825}
2826
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;
2833}
2834
2835.social-notification-container > .toolbarbutton-1[badge]:not([badge=""])::after {
2836 /* The |content| property is set in the content stylesheet. */
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;
2844 position: absolute;
2845 top: 2px;
2846 right: 2px;
2847}
2848
2849#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > *|* > .social-notification-container > .toolbarbutton-1[badge]:not([badge=""])::after {
2850 top: 7px;
2851}
2852
2853.social-notification-container > .toolbarbutton-1[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
2854 left: 2px;
2855 right: auto;
2856}
2857
2858#social-notification-icon-mentions {
2859 background-color: #000000;
2860 border-radius: 3px;
2861 -moz-margin-start: 2px;
2862}
2863
2864#social-notification-icon-mentions:hover {
2865 background-color: #FFCF00;
2866}
2867
2868#social-notification-icon-mentions[open="true"] {
2869 background-color: #FF9F00;
2870}
2871
2872#social-sidebar-splitter {
2873 border: 0;
2874}
2875
2876/* social toolbar provider menu */
2877.social-statusarea-popup {
2878 margin-top: 0;
2879 margin-left: -12px;
2880 margin-right: -12px;
2881}
2882
2883.social-statusarea-user {
2884 border-bottom: 1px solid #9C9CFF;
2885 background-color: #000000;
2886 color: #FF9F00;
2887 position: relative;
2888 cursor: pointer;
2889}
2890
2891.social-statusarea-user-portrait {
2892 width: 32px;
2893 height: 32px;
2894 border-radius: 2px;
2895 margin: 10px;
2896}
2897
2898.social-statusarea-loggedInStatus {
2899 background: transparent;
2900 border: none;
2901 color: #3333FF;
2902 min-width: 0;
2903 margin: 0 6px;
2904 list-style-image: none;
2905}
2906
2907#social-statusarea-user[_moz-menuactive] > vbox > .social-statusarea-loggedInStatus {
2908 text-decoration: underline;
2909}
2910
2911.social-panel > .panel-arrowcontainer > .panel-arrowcontent {
2912 padding: 0;
2913}
2914
2915.social-panel-frame {
2916 border-radius: inherit;
2917}
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 {
2938 list-style-image: url('chrome://browser/skin/social/chat-close.png');
2939 -moz-image-region: rect(0, 14px, 14px, 0);
2940}
2941
2942.chat-close-button:hover,
2943.chat-close-button:hover:active {
2944 -moz-image-region: rect(14px, 14px, 28px, 0);
2945}
2946
2947.chat-title {
2948 font-weight: bold;
2949 font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
2950 text-shadow: none;
2951 cursor: inherit;
2952}
2953
2954.chat-titlebar {
2955 background-color: #9C9CFF;
2956 color: #000000;
2957 height: 20px;
2958 min-height: 16px;
2959 width: 100%;
2960 margin: 0;
2961 padding: 2px;
2962 -moz-padding-start: 6px;
2963 border: none;
2964 border-bottom: 1px solid #008484;
2965 cursor: pointer;
2966}
2967
2968.chat-titlebar[minimized="true"] {
2969 border-bottom: none;
2970}
2971
2972.chat-titlebar[selected] {
2973 background-color: #008484;
2974}
2975
2976.chat-titlebar[activity] {
2977 background-color: #E7ADE7;
2978}
2979
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
2999.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
3000 width: auto;
3001 height: auto;
3002 max-height: 16px;
3003 max-width: 16px;
3004}
3005
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"] {
3016}
3017
3018.chatbar-button > .toolbarbutton-text,
3019.chatbar-button > .toolbarbutton-menu-dropmarker {
3020 display: none;
3021}
3022
3023.chatbar-button[activity]:not([open="true"]) {
3024 background-color: #E7ADE7;
3025}
3026
3027.chatbar-button > menupopup > menuitem[activity] {
3028 font-weight: bold;
3029}
3030
3031.chatbar-innerbox {
3032 background: transparent;
3033 margin: -285px 0 0;
3034 overflow: hidden;
3035}
3036
3037chatbar {
3038 -moz-margin-end: 20px;
3039}
3040
3041chatbar > chatbox {
3042 height: 285px;
3043 width: 260px;
3044 -moz-margin-start: 4px;
3045 background-color: #000000;
3046 border: 1px solid #9C9CFF;
3047 border-bottom: none;
3048 border-top-left-radius: 2.5px;
3049 border-top-right-radius: 2.5px;
3050}
3051
3052chatbox[minimized="true"] {
3053 width: 160px;
3054 height: 20px;
3055}
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;
3064 -moz-border-end: 1px solid #FF9F00;
3065 padding-top: 16px;
3066 -moz-padding-end: 16px;
3067 -moz-padding-start: 24px;
3068 -moz-margin-start: 4px;
3069 margin-top: 4px;
3070 margin-bottom: 4px;
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 {
3084 /*-moz-border-start: 1px solid #9C9CFF;
3085 border-top: 1px solid #9C9CFF;*/
3086}
3087
3088.click-to-play-plugins-notification-description-box {
3089 /*border-bottom: 1px solid #9C9CFF;
3090 -moz-border-start: 1px solid #9C9CFF;*/
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 {
3098 border-top: 1px solid #FF9F00;
3099 border-bottom: 1px solid #FF9F00;
3100 /*-moz-border-start: 1px solid #9C9CFF;*/
3101 background-color: #000000;
3102 -moz-margin-end: 4px;
3103}
3104
3105.click-to-play-plugins-notification-button-container {
3106 /*border-top: 1px solid #9C9CFF;
3107 -moz-border-start: 1px solid #9C9CFF;*/
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}
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
3180#main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .box-inherit > .button-icon {
3181 list-style-image: url("chrome://browser/skin/privatebrowsing-light.png");
3182 width: 20px;
3183 height: 16px;
3184}
KaiRo's SeaMonkey themes