The Tor Browser / file comparison

comparison: browser/themes/shared/social/chat.inc.css

browser/themes/shared/social/chat.inc.css

changeset 0
6474c204b198
equal deleted inserted replaced
-1:000000000000 0:523082d8302a
1 %if 0
2 /* This Source Code Form is subject to the terms of the Mozilla Public
3 * License, v. 2.0. If a copy of the MPL was not distributed with this
4 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
5 %endif
6
7 #social-sidebar-header {
8 padding: 3px;
9 }
10
11 #social-sidebar-button {
12 -moz-appearance: none;
13 list-style-image: url(chrome://browser/skin/social/gear_default.png);
14 border: none;
15 padding: 0;
16 margin: 2px;
17 }
18 #social-sidebar-button > .toolbarbutton-icon {
19 min-height: 16px;
20 min-width: 16px;
21 }
22 #social-sidebar-button:hover,
23 #social-sidebar-button:hover:active {
24 list-style-image: url(chrome://browser/skin/social/gear_clicked.png);
25 }
26 #social-sidebar-button > .toolbarbutton-menu-dropmarker {
27 display: none;
28 }
29
30 #social-sidebar-button[loading="true"] {
31 list-style-image: url("chrome://global/skin/icons/loading_16.png");
32 }
33
34 #social-sidebar-favico {
35 max-height: 16px;
36 max-width: 16px;
37 padding: 0;
38 margin: 2px;
39 }
40
41 .chat-status-icon {
42 max-height: 16px;
43 max-width: 16px;
44 padding: 0;
45 }
46
47 .chat-toolbarbutton {
48 -moz-appearance: none;
49 border: none;
50 padding: 0;
51 margin: 0;
52 background: none;
53 width: 16px;
54 }
55
56 .chat-toolbarbutton > .toolbarbutton-text {
57 display: none;
58 }
59
60 .chat-toolbarbutton > .toolbarbutton-icon {
61 width: inherit;
62 }
63
64 .chat-close-button {
65 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
66 -moz-image-region: rect(0, 16px, 16px, 0);
67 }
68
69 .chat-close-button:hover {
70 -moz-image-region: rect(0, 32px, 16px, 16px);
71 }
72
73 .chat-close-button:hover:active {
74 -moz-image-region: rect(0, 48px, 16px, 32px);
75 }
76
77 .chat-minimize-button {
78 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
79 -moz-image-region: rect(16px, 16px, 32px, 0);
80 }
81
82 .chat-minimize-button:hover {
83 -moz-image-region: rect(16px, 32px, 32px, 16px);
84 }
85
86 .chat-minimize-button:hover:active {
87 -moz-image-region: rect(16px, 48px, 32px, 32px);
88 }
89
90 .chat-swap-button {
91 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
92 -moz-image-region: rect(48px, 16px, 64px, 0);
93 }
94
95 .chat-swap-button:hover {
96 -moz-image-region: rect(48px, 32px, 64px, 16px);
97 }
98
99 .chat-swap-button:hover:active {
100 -moz-image-region: rect(48px, 48px, 64px, 32px);
101 }
102
103 chatbar > chatbox > .chat-titlebar > .chat-swap-button {
104 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
105 -moz-image-region: rect(32px, 16px, 48px, 0);
106 }
107
108 chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
109 -moz-image-region: rect(32px, 32px, 48px, 16px);
110 }
111
112 chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active {
113 -moz-image-region: rect(32px, 48px, 48px, 32px);
114 }
115
116 @media (min-resolution: 2dppx) {
117 .chat-close-button {
118 list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
119 -moz-image-region: rect(0, 32px, 32px, 0);
120 }
121
122 .chat-close-button:hover {
123 -moz-image-region: rect(0, 64px, 32px, 32px);
124 }
125
126 .chat-close-button:hover:active {
127 -moz-image-region: rect(0, 96px, 32px, 64px);
128 }
129
130 .chat-minimize-button {
131 list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
132 -moz-image-region: rect(32px, 32px, 64px, 0);
133 }
134
135 .chat-minimize-button:hover {
136 -moz-image-region: rect(32px, 64px, 64px, 32px);
137 }
138
139 .chat-minimize-button:hover:active {
140 -moz-image-region: rect(32px, 96px, 64px, 64px);
141 }
142
143 .chat-swap-button {
144 list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
145 -moz-image-region: rect(96px, 32px, 128px, 0);
146 }
147
148 .chat-swap-button:hover {
149 -moz-image-region: rect(96px, 64px, 128px, 32px);
150 }
151
152 .chat-swap-button:hover:active {
153 -moz-image-region: rect(96px, 96px, 128px, 64px);
154 }
155
156 chatbar > chatbox > .chat-titlebar > .chat-swap-button {
157 list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
158 -moz-image-region: rect(64px, 32px, 96px, 0);
159 }
160
161 chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
162 -moz-image-region: rect(64px, 64px, 96px, 32px);
163 }
164
165 chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active {
166 -moz-image-region: rect(64px, 96px, 96px, 64px);
167 }
168 }
169
170 .chat-title {
171 font-weight: bold;
172 color: black;
173 text-shadow: none;
174 cursor: inherit;
175 }
176
177 .chat-titlebar {
178 height: 20px;
179 min-height: 20px;
180 width: 100%;
181 margin: 0;
182 padding: 2px;
183 -moz-padding-start: 6px;
184 border: none;
185 border-bottom: 1px solid #ccc;
186 cursor: pointer;
187 }
188
189 .chat-titlebar > .notification-anchor-icon {
190 margin-left: 2px;
191 margin-right: 2px;
192 }
193
194 .chat-titlebar[minimized="true"] {
195 border-bottom: none;
196 }
197
198 .chat-titlebar[activity] {
199 background-image: radial-gradient(ellipse closest-side at center, rgb(255,255,255), rgba(255,255,255,0));
200 background-repeat: no-repeat;
201 background-size: 100% 20px;
202 background-position: 0 -10px;
203 }
204
205 .chat-frame {
206 padding: 0;
207 margin: 0;
208 overflow: hidden;
209 }
210
211 .chatbar-button {
212 list-style-image: url("chrome://browser/skin/social/services-16.png");
213 margin: 0;
214 padding: 2px;
215 height: 21px;
216 width: 21px;
217 border: 1px solid #ccc;
218 border-bottom: none;
219 }
220
221 @media (min-resolution: 2dppx) {
222 .chatbar-button {
223 list-style-image: url("chrome://browser/skin/social/services-16@2x.png");
224 }
225 }
226
227 .chatbar-button > .toolbarbutton-icon {
228 width: 16px;
229 }
230
231 .chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
232 width: auto;
233 height: auto;
234 max-height: 16px;
235 max-width: 16px;
236 }
237
238 .chatbar-button[open="true"] {
239 box-shadow: inset 0 2px 5px rgba(0,0,0,0.6), 0 1px rgba(255,255,255,0.2);
240 }
241
242 .chatbar-button > .toolbarbutton-text,
243 .chatbar-button > .toolbarbutton-menu-dropmarker {
244 display: none;
245 }
246
247 .chatbar-button > menupopup > menuitem[activity] {
248 font-weight: bold;
249 }
250
251 .chatbar-innerbox {
252 background: transparent;
253 margin: -285px 0 0;
254 overflow: hidden;
255 }
256
257 chatbar {
258 -moz-margin-end: 20px;
259 }
260
261 chatbox {
262 -moz-margin-start: 4px;
263 background-color: white;
264 border: 1px solid #ccc;
265 border-bottom: none;
266 }
267
268 window > chatbox {
269 -moz-margin-start: 0px;
270 margin: 0px;
271 border: none;
272 padding: 0px;
273 }

Mercurial Repository: The Tor Browser

Europalab SCM Repository Server

mercurial