OLD | NEW |
| (Empty) |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | |
2 * Use of this source code is governed by a BSD-style license that can be | |
3 * found in the LICENSE file. */ | |
4 | |
5 #change-home-page-section { | |
6 margin-left: 30px; | |
7 } | |
8 | |
9 #home-page-url { | |
10 display: inline-block; | |
11 max-width: 400px; | |
12 overflow: hidden; | |
13 text-overflow: ellipsis; | |
14 } | |
15 | |
16 #default-browser-state { | |
17 margin-top: 6px; | |
18 } | |
19 | |
20 #sync-overview p { | |
21 display: inline; | |
22 } | |
23 | |
24 #account-picture-wrapper { | |
25 border: 1px solid rgba(0, 0, 0, 0.3); | |
26 border-radius: 4px; | |
27 cursor: pointer; | |
28 display: inline-block; | |
29 float: left; | |
30 margin: 0 2px 10px 0; | |
31 padding: 3px; | |
32 position: relative; | |
33 } | |
34 | |
35 html[dir=rtl] #account-picture-wrapper { | |
36 float: right; | |
37 } | |
38 | |
39 #account-picture { | |
40 height: 56px; | |
41 vertical-align: middle; | |
42 width: 56px; | |
43 } | |
44 | |
45 #change-picture-caption { | |
46 background: rgba(0, 0, 0, 0.5); | |
47 bottom: 0; | |
48 color: white; | |
49 font-size: small; | |
50 margin: 3px 0; | |
51 position: absolute; | |
52 text-align: center; | |
53 /* Width of #account-picture. */ | |
54 width: 56px; | |
55 } | |
56 | |
57 #account-picture-wrapper:not(:hover) #change-picture-caption { | |
58 visibility: hidden; | |
59 } | |
60 | |
61 #sync-general { | |
62 -webkit-margin-start: 76px; | |
63 margin-bottom: 10px; | |
64 } | |
65 | |
66 #sync-buttons { | |
67 clear: both; | |
68 } | |
69 | |
70 #profiles-list { | |
71 margin-bottom: 10px; | |
72 min-height: 0; | |
73 } | |
74 | |
75 #profiles-list > * { | |
76 height: 40px; | |
77 } | |
78 | |
79 #profiles-list:focus { | |
80 border-color: rgb(77, 144, 254); | |
81 } | |
82 | |
83 .profile-img { | |
84 height: 31px; | |
85 padding: 3px; | |
86 vertical-align: middle; | |
87 width: 38px; | |
88 } | |
89 | |
90 .profile-item-current { | |
91 font-weight: bold; | |
92 } | |
93 | |
94 #profiles-buttons { | |
95 white-space: nowrap; | |
96 } | |
97 | |
98 .sync-error { | |
99 background: rgb(255, 219, 219); | |
100 border: 1px solid rgb(206, 76, 76); | |
101 border-radius: 2px; | |
102 padding: 10px; | |
103 } | |
104 | |
105 .sync-error .link-button { | |
106 margin: 0 1ex; | |
107 padding: 0; | |
108 } | |
109 | |
110 #mac-passwords-warning { | |
111 margin-top: 10px; | |
112 } | |
113 | |
114 input[type='range'] { | |
115 vertical-align: middle; | |
116 } | |
117 | |
118 /* Internet settings */ | |
119 | |
120 #network-settings { | |
121 position: relative; | |
122 } | |
123 | |
124 #network-list { | |
125 min-height: 0; | |
126 width: 320px; | |
127 } | |
128 | |
129 .network-group { | |
130 -webkit-box-orient: horizontal; | |
131 display: -webkit-box; | |
132 height: 42px; | |
133 vertical-align: middle; | |
134 } | |
135 | |
136 list:not([disabled]) > .network-group:hover, | |
137 list:not([disabled]) > .network-group[selected] { | |
138 background-color: #f8f8f8 !important; | |
139 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), | |
140 rgba(255, 255, 255, 0)) !important; | |
141 box-shadow: inset 0 0 1px 1px #f0f0f0; | |
142 } | |
143 | |
144 .network-group-labels { | |
145 -webkit-box-flex: 1; | |
146 -webkit-box-orient: vertical; | |
147 display: -webkit-box; | |
148 padding-top: 3px; | |
149 } | |
150 | |
151 .network-icon { | |
152 -webkit-margin-end: 8px; | |
153 background-position: left top; | |
154 background-size: 25px; | |
155 display: -webkit-box; | |
156 height: 25px; | |
157 width: 25px; | |
158 } | |
159 | |
160 @-webkit-keyframes connecting-animation { | |
161 0% { | |
162 background-position: 0 25%; | |
163 } | |
164 12.5% { | |
165 background-position: 0 50%; | |
166 } | |
167 25% { | |
168 background-position: 0 75%; | |
169 } | |
170 37.5% { | |
171 background-position: 0 100%; | |
172 } | |
173 50% { | |
174 background-position: 0 100%; | |
175 } | |
176 62.5% { | |
177 background-position: 0 75%; | |
178 } | |
179 75% { | |
180 background-position: 0 50%; | |
181 } | |
182 87.5% { | |
183 background-position: 0 25%; | |
184 } | |
185 } | |
186 | |
187 .network-wifi { | |
188 background-image: url('chrome://theme/IDR_STATUSBAR_NETWORK_ARCS_DARK'); | |
189 background-size: 25px; | |
190 } | |
191 | |
192 .network-wimax { | |
193 background-image: url('chrome://theme/IDR_STATUSBAR_NETWORK_BARS_DARK'); | |
194 background-size: 25px; | |
195 } | |
196 | |
197 .network-cellular { | |
198 background-image: url('chrome://theme/IDR_STATUSBAR_NETWORK_BARS_DARK'); | |
199 background-size: 25px; | |
200 } | |
201 | |
202 .network-vpn { | |
203 background-image: url('chrome://theme/IDR_STATUSBAR_VPN'); | |
204 background-size: 25px; | |
205 } | |
206 | |
207 .network-add-connection, | |
208 .network-control-active, | |
209 .network-control-inactive { | |
210 background-position: center center !important; | |
211 background-repeat: no-repeat; | |
212 } | |
213 | |
214 .network-add-connection { | |
215 background-image: url('chrome://theme/IDR_SIDETABS_NEW_TAB'); | |
216 background-size: 16px; | |
217 } | |
218 | |
219 .network-control-inactive { | |
220 background-image: none; | |
221 } | |
222 | |
223 .network-control-active { | |
224 background-image: url('chrome://theme/IDR_PROFILE_SELECTED'); | |
225 background-size: 16px; | |
226 } | |
227 | |
228 .network-options-button { | |
229 -webkit-box-flex: 0; | |
230 -webkit-transform: scale(0.6); | |
231 background-image: none; | |
232 background-position: center center; | |
233 display: block; | |
234 opacity: 0.5; | |
235 vertical-align: middle; | |
236 width: 19px; | |
237 } | |
238 | |
239 .network-group > .controlled-setting-indicator, | |
240 .network-menu-item > .controlled-setting-indicator { | |
241 -webkit-box-flex: 0; | |
242 -webkit-margin-end: 5px; | |
243 display: block; | |
244 height: 16px; | |
245 margin-top: 9px; | |
246 width: 16px; | |
247 } | |
248 | |
249 .network-group > .controlled-setting-indicator { | |
250 margin-top: 0; | |
251 } | |
252 | |
253 .network-options-button:hover { | |
254 opacity: 1; | |
255 } | |
256 | |
257 @-webkit-keyframes vpn-connecting-animation { | |
258 from { | |
259 opacity: 1; | |
260 } | |
261 to { | |
262 opacity: 0.2; | |
263 } | |
264 } | |
265 | |
266 .network-connecting { | |
267 -webkit-animation: connecting-animation 1s step-end infinite; | |
268 } | |
269 | |
270 .network-vpn.network-connecting { | |
271 -webkit-animation: vpn-connecting-animation 500ms alternate infinite; | |
272 } | |
273 | |
274 .network-title { | |
275 font-weight: 600; | |
276 line-height: 120%; | |
277 } | |
278 | |
279 .network-subtitle { | |
280 color: #333; | |
281 display: inline-block; | |
282 line-height: 100%; | |
283 max-width: 260px; | |
284 opacity: 0.4; | |
285 overflow: hidden; | |
286 padding-bottom: 3px; | |
287 text-overflow: ellipsis; | |
288 white-space: nowrap; | |
289 } | |
290 | |
291 .network-selector { | |
292 background: right center no-repeat; | |
293 background-image: url('../shared/images/select.png'); | |
294 padding-right: 20px; | |
295 } | |
296 | |
297 .network-menu { | |
298 -webkit-box-shadow: | |
299 0 0 0 1px rgba(0,0,0,0.1), | |
300 0 5px 1px 1px rgba(0,0,0,0.1), | |
301 0 5px 2px 1px rgba(0,0,0,0.1), | |
302 0 5px 12px 1px rgba(0,0,0,0.5); | |
303 background: #fff; | |
304 display: block; | |
305 position: absolute; | |
306 width: 320px; | |
307 z-index: 1; | |
308 } | |
309 | |
310 .network-menu-item { | |
311 -webkit-padding-start: 32px; | |
312 background: left center no-repeat; | |
313 background-size: 25px; | |
314 display: -webkit-box; | |
315 height: 32px; | |
316 margin-left: 4px; | |
317 margin-right: 4px; | |
318 vertical-align: middle; | |
319 } | |
320 | |
321 @media (pointer:coarse) { | |
322 network-menu-item { | |
323 height: 40px; | |
324 } | |
325 } | |
326 | |
327 .network-menu-item-label { | |
328 -webkit-box-flex: 1; | |
329 color: #555; | |
330 display: block; | |
331 overflow-x: hidden; | |
332 padding-top: 8px; | |
333 text-overflow: ellipsis; | |
334 vertical-align: middle; | |
335 white-space: nowrap; | |
336 } | |
337 | |
338 .active-network { | |
339 color: black; | |
340 font-weight: bold; | |
341 } | |
342 | |
343 @media (pointer:coarse) { | |
344 .network-menu-item-label { | |
345 padding-top: 14px; | |
346 } | |
347 } | |
348 | |
349 .network-disabled-control { | |
350 color: #999; | |
351 } | |
352 | |
353 /* Restrict the size of the networks menu, by limiting the number of | |
354 visible networks. */ | |
355 .network-menu-group { | |
356 max-height: 192px; | |
357 overflow-x: hidden; | |
358 overflow-y: auto; | |
359 text-overflow: ellipsis; | |
360 } | |
361 | |
362 @media (pointer:coarse) { | |
363 .network-menu-group { | |
364 max-height: 200px; | |
365 } | |
366 } | |
367 | |
368 html[dir=rtl] .network-menu-item { | |
369 background: right center no-repeat; | |
370 } | |
371 | |
372 .network-menu-item:hover { | |
373 background-color: #eee; | |
374 } | |
375 | |
376 .network-menu > hr { | |
377 opacity: 0.4; | |
378 } | |
379 | |
380 #shared-proxies { | |
381 margin-top: 12px; | |
382 } | |
383 | |
384 #web-content-section select, | |
385 .web-content-select-label { | |
386 min-width: 145px; | |
387 } | |
388 | |
389 .web-content-select-label > span:only-of-type { | |
390 display: inline-block; | |
391 min-width: 100px; | |
392 } | |
393 | |
394 #timezone-value { | |
395 display: inline-block; | |
396 vertical-align: baseline; | |
397 } | |
398 | |
399 #privacy-explanation { | |
400 line-height: 1.8em; | |
401 } | |
402 | |
403 #advanced-settings { | |
404 height: 0; | |
405 margin-top: 8px; | |
406 overflow: hidden; | |
407 } | |
408 | |
409 #auto-open-file-types-label { | |
410 padding: 0.45em 0 | |
411 } | |
412 | |
413 .sliding { | |
414 -webkit-transition: height 200ms; | |
415 overflow-y: hidden; | |
416 } | |
417 | |
418 #keyboard-overlay .option-value > select { | |
419 width: 100%; | |
420 } | |
421 | |
422 #keyboard-overlay table { | |
423 /* Same as .settings-row {margin}. */ | |
424 -webkit-border-vertical-spacing: 0.65em; | |
425 } | |
OLD | NEW |