Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1074)

Side by Side Diff: chrome/browser/resources/options2/browser_options.css

Issue 10809005: Options: Rename chrome/browser/resources/options2 -> chrome/browser/resources/options. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Fix. Created 8 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
(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 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/options2/autofill_options_list.js ('k') | chrome/browser/resources/options2/browser_options.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698