|
1 /* Menu panel and palette styles */ |
|
2 |
|
3 toolbaritem[sdkstylewidget="true"] > toolbarbutton, |
|
4 :-moz-any(@primaryToolbarButtons@)[cui-areatype="menu-panel"], |
|
5 toolbarpaletteitem[place="palette"] > :-moz-any(@primaryToolbarButtons@) { |
|
6 list-style-image: url(chrome://browser/skin/menuPanel.png); |
|
7 } |
|
8 |
|
9 #home-button[cui-areatype="menu-panel"], |
|
10 toolbarpaletteitem[place="palette"] > #home-button { |
|
11 -moz-image-region: rect(0px, 128px, 32px, 96px); |
|
12 } |
|
13 |
|
14 #bookmarks-menu-button[cui-areatype="menu-panel"], |
|
15 toolbarpaletteitem[place="palette"] > #bookmarks-menu-button { |
|
16 -moz-image-region: rect(0px, 192px, 32px, 160px); |
|
17 } |
|
18 |
|
19 #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { |
|
20 -moz-image-region: rect(32px, 192px, 64px, 160px); |
|
21 } |
|
22 |
|
23 #history-panelmenu[cui-areatype="menu-panel"], |
|
24 toolbarpaletteitem[place="palette"] > #history-panelmenu { |
|
25 -moz-image-region: rect(0px, 224px, 32px, 192px); |
|
26 } |
|
27 |
|
28 #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { |
|
29 -moz-image-region: rect(32px, 224px, 64px, 192px); |
|
30 } |
|
31 |
|
32 #downloads-button[cui-areatype="menu-panel"], |
|
33 toolbarpaletteitem[place="palette"] > #downloads-button { |
|
34 -moz-image-region: rect(0px, 256px, 32px, 224px); |
|
35 } |
|
36 |
|
37 #add-ons-button[cui-areatype="menu-panel"], |
|
38 toolbarpaletteitem[place="palette"] > #add-ons-button { |
|
39 -moz-image-region: rect(0px, 288px, 32px, 256px); |
|
40 } |
|
41 |
|
42 #open-file-button[cui-areatype="menu-panel"], |
|
43 toolbarpaletteitem[place="palette"] > #open-file-button { |
|
44 -moz-image-region: rect(0px, 320px, 32px, 288px); |
|
45 } |
|
46 |
|
47 #save-page-button[cui-areatype="menu-panel"], |
|
48 toolbarpaletteitem[place="palette"] > #save-page-button { |
|
49 -moz-image-region: rect(0px, 352px, 32px, 320px); |
|
50 } |
|
51 |
|
52 #sync-button[cui-areatype="menu-panel"], |
|
53 toolbarpaletteitem[place="palette"] > #sync-button { |
|
54 -moz-image-region: rect(0px, 384px, 32px, 352px); |
|
55 } |
|
56 |
|
57 #sync-button[cui-areatype="menu-panel"][status="active"] { |
|
58 list-style-image: url(chrome://browser/skin/syncProgress-menuPanel.png); |
|
59 -moz-image-region: rect(0px, 32px, 32px, 0px); |
|
60 } |
|
61 |
|
62 #feed-button[cui-areatype="menu-panel"], |
|
63 toolbarpaletteitem[place="palette"] > #feed-button { |
|
64 -moz-image-region: rect(0px, 416px, 32px, 384px); |
|
65 } |
|
66 |
|
67 #social-share-button[cui-areatype="menu-panel"], |
|
68 toolbarpaletteitem[place="palette"] > #social-share-button { |
|
69 -moz-image-region: rect(0px, 448px, 32px, 416px); |
|
70 } |
|
71 |
|
72 #characterencoding-button[cui-areatype="menu-panel"], |
|
73 toolbarpaletteitem[place="palette"] > #characterencoding-button { |
|
74 -moz-image-region: rect(0px, 480px, 32px, 448px); |
|
75 } |
|
76 |
|
77 #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { |
|
78 -moz-image-region: rect(32px, 480px, 64px, 448px); |
|
79 } |
|
80 |
|
81 #new-window-button[cui-areatype="menu-panel"], |
|
82 toolbarpaletteitem[place="palette"] > #new-window-button { |
|
83 -moz-image-region: rect(0px, 512px, 32px, 480px); |
|
84 } |
|
85 |
|
86 #e10s-button[cui-areatype="menu-panel"], |
|
87 toolbarpaletteitem[place="palette"] > #e10s-button { |
|
88 -moz-image-region: rect(0px, 512px, 32px, 480px); |
|
89 } |
|
90 |
|
91 #new-tab-button[cui-areatype="menu-panel"], |
|
92 toolbarpaletteitem[place="palette"] > #new-tab-button { |
|
93 -moz-image-region: rect(0px, 544px, 32px, 512px); |
|
94 } |
|
95 |
|
96 #privatebrowsing-button[cui-areatype="menu-panel"], |
|
97 toolbarpaletteitem[place="palette"] > #privatebrowsing-button { |
|
98 -moz-image-region: rect(0px, 576px, 32px, 544px); |
|
99 } |
|
100 |
|
101 #tabview-button[cui-areatype="menu-panel"], |
|
102 toolbarpaletteitem[place="palette"] > #tabview-button { |
|
103 -moz-image-region: rect(0px, 608px, 32px, 576px); |
|
104 } |
|
105 |
|
106 #find-button[cui-areatype="menu-panel"], |
|
107 toolbarpaletteitem[place="palette"] > #find-button { |
|
108 -moz-image-region: rect(0px, 640px, 32px, 608px); |
|
109 } |
|
110 |
|
111 #print-button[cui-areatype="menu-panel"], |
|
112 toolbarpaletteitem[place="palette"] > #print-button { |
|
113 -moz-image-region: rect(0px, 672px, 32px, 640px); |
|
114 } |
|
115 |
|
116 #fullscreen-button[cui-areatype="menu-panel"], |
|
117 toolbarpaletteitem[place="palette"] > #fullscreen-button { |
|
118 -moz-image-region: rect(0px, 704px, 32px, 672px); |
|
119 } |
|
120 |
|
121 #developer-button[cui-areatype="menu-panel"], |
|
122 toolbarpaletteitem[place="palette"] > #developer-button { |
|
123 -moz-image-region: rect(0px, 736px, 32px, 704px); |
|
124 } |
|
125 |
|
126 #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { |
|
127 -moz-image-region: rect(32px, 736px, 64px, 704px); |
|
128 } |
|
129 |
|
130 #preferences-button[cui-areatype="menu-panel"], |
|
131 toolbarpaletteitem[place="palette"] > #preferences-button { |
|
132 -moz-image-region: rect(0px, 768px, 32px, 736px); |
|
133 } |
|
134 |
|
135 #email-link-button[cui-areatype="menu-panel"], |
|
136 toolbarpaletteitem[place="palette"] > #email-link-button { |
|
137 -moz-image-region: rect(0, 800px, 32px, 768px); |
|
138 } |
|
139 |
|
140 #sidebar-button[cui-areatype="menu-panel"], |
|
141 toolbarpaletteitem[place="palette"] > #sidebar-button { |
|
142 -moz-image-region: rect(0, 864px, 32px, 832px); |
|
143 } |
|
144 |
|
145 #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { |
|
146 -moz-image-region: rect(32px, 864px, 64px, 832px); |
|
147 } |
|
148 |
|
149 toolbaritem[sdkstylewidget="true"] > toolbarbutton { |
|
150 -moz-image-region: rect(0, 832px, 32px, 800px); |
|
151 } |
|
152 |
|
153 /* Wide panel control icons */ |
|
154 |
|
155 #edit-controls@inAnyPanel@ > toolbarbutton, |
|
156 #zoom-controls@inAnyPanel@ > toolbarbutton, |
|
157 toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton, |
|
158 toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton { |
|
159 list-style-image: url(chrome://browser/skin/menuPanel-small.png); |
|
160 } |
|
161 |
|
162 #edit-controls@inAnyPanel@ > #cut-button, |
|
163 toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button { |
|
164 -moz-image-region: rect(0px, 32px, 16px, 16px); |
|
165 } |
|
166 |
|
167 #edit-controls@inAnyPanel@ > #copy-button, |
|
168 toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button { |
|
169 -moz-image-region: rect(0px, 48px, 16px, 32px); |
|
170 } |
|
171 |
|
172 #edit-controls@inAnyPanel@ > #paste-button, |
|
173 toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button { |
|
174 -moz-image-region: rect(0px, 64px, 16px, 48px); |
|
175 } |
|
176 |
|
177 #zoom-controls@inAnyPanel@ > #zoom-out-button, |
|
178 toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button { |
|
179 -moz-image-region: rect(0px, 80px, 16px, 64px); |
|
180 } |
|
181 |
|
182 #zoom-controls@inAnyPanel@ > #zoom-in-button, |
|
183 toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button { |
|
184 -moz-image-region: rect(0px, 96px, 16px, 80px); |
|
185 } |