OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 html[dir='rtl'] body.uber-frame > .page { | 5 html[dir='rtl'] body.uber-frame > .page { |
6 -webkit-margin-end: 0; | 6 -webkit-margin-end: 0; |
7 } | 7 } |
8 | 8 |
9 body.uber-frame > .page.big-topbar-page { | 9 body.uber-frame > .page.big-topbar-page { |
10 padding-top: 78px; | 10 padding-top: 78px; |
(...skipping 316 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
327 } | 327 } |
328 | 328 |
329 .number-visits { | 329 .number-visits { |
330 color: rgb(151, 156, 160); | 330 color: rgb(151, 156, 160); |
331 } | 331 } |
332 | 332 |
333 .drop-down { | 333 .drop-down { |
334 margin-top: 1px; | 334 margin-top: 1px; |
335 } | 335 } |
336 | 336 |
337 html[dir='rtl'] .entry .title, | |
338 html[dir='rtl'] .site-domain { | |
339 /* Put the favicon on the right. */ | |
340 background-position-x: right; | |
341 } | |
342 | |
343 .entry .time { | 337 .entry .time { |
344 color: rgb(151, 156, 160); | 338 color: rgb(151, 156, 160); |
345 max-width: 90px; | 339 max-width: 90px; |
346 min-width: -webkit-min-content; | 340 min-width: -webkit-min-content; |
347 overflow: hidden; | 341 overflow: hidden; |
348 text-overflow: ellipsis; | 342 text-overflow: ellipsis; |
349 white-space: nowrap; | 343 white-space: nowrap; |
350 } | 344 } |
351 | 345 |
352 .entry input[type='checkbox'], | 346 .entry input[type='checkbox'], |
(...skipping 87 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
440 min-width: 0; | 434 min-width: 0; |
441 } | 435 } |
442 | 436 |
443 .entry .title { | 437 .entry .title { |
444 min-width: 0; | 438 min-width: 0; |
445 overflow: hidden; | 439 overflow: hidden; |
446 text-overflow: ellipsis; | 440 text-overflow: ellipsis; |
447 white-space: nowrap; | 441 white-space: nowrap; |
448 } | 442 } |
449 | 443 |
450 .entry .visit-entry, | |
451 .site-domain { | |
452 /* Make room for the favicon. */ | |
453 -webkit-padding-start: 16px; | |
454 } | |
455 | |
456 .entry .visit-entry, | |
457 .site-domain, | |
458 .blocked-indicator { | |
459 /* Control the favicon appearance. */ | |
460 background-position-y: center; | |
461 background-repeat: no-repeat; | |
462 background-size: 16px; | |
463 } | |
464 | |
465 html[dir='rtl'] .entry .visit-entry, | |
466 html[dir='rtl'] .site-domain, | |
467 html[dir='rtl'] .blocked-indicator { | |
468 background-position-x: right; | |
469 } | |
470 | |
471 /* TODO(sergiu): If this is the final icon replace it with a separate resource. | 444 /* TODO(sergiu): If this is the final icon replace it with a separate resource. |
472 */ | 445 */ |
473 .entry .blocked-indicator { | 446 .entry .blocked-indicator { |
474 -webkit-padding-start: 20px; /* 16px for favicon, 4px for <a> padding. */ | 447 -webkit-padding-start: 4px; /* For <a> padding. */ |
475 background-image: url(../ssl/images/roadblock.png); | |
476 } | 448 } |
477 | 449 |
478 .blocked-indicator .title { | 450 .blocked-indicator .title { |
479 color: rgb(151, 156, 160); | 451 color: rgb(151, 156, 160); |
480 } | 452 } |
481 | 453 |
| 454 .blocked-icon { |
| 455 background-image: url(../ssl/images/roadblock.png) |
| 456 } |
| 457 |
| 458 .favicon { |
| 459 background-position-y: center; |
| 460 background-repeat: no-repeat; |
| 461 background-size: 16px; |
| 462 flex-shrink: 0; |
| 463 height: 16px; |
| 464 width: 16px; |
| 465 } |
| 466 |
482 .site-domain button:hover { | 467 .site-domain button:hover { |
483 text-decoration: none; | 468 text-decoration: none; |
484 } | 469 } |
485 | 470 |
486 .site-domain-arrow { | 471 .site-domain-arrow { |
487 -webkit-transform: rotate(0); | 472 -webkit-transform: rotate(0); |
488 -webkit-transition: -webkit-transform 300ms linear; | 473 -webkit-transition: -webkit-transform 300ms linear; |
489 background: url(../disclosure_triangle_small.png) no-repeat; | 474 background: url(../disclosure_triangle_small.png) no-repeat; |
490 background-position: 5px 5px; | 475 background-position: 5px 5px; |
491 color: rgb(143, 143, 143); | 476 color: rgb(143, 143, 143); |
(...skipping 143 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
635 | 620 |
636 #action-menu[data-devicetype='phone']::before { | 621 #action-menu[data-devicetype='phone']::before { |
637 background-image: url(../../../../ui/webui/resources/images/smartphone.svg); | 622 background-image: url(../../../../ui/webui/resources/images/smartphone.svg); |
638 background-position: 14px center; | 623 background-position: 14px center; |
639 padding-left: 43px; | 624 padding-left: 43px; |
640 } | 625 } |
641 | 626 |
642 #action-menu[data-devicetype='tablet']::before { | 627 #action-menu[data-devicetype='tablet']::before { |
643 background-image: url(../../../../ui/webui/resources/images/tablet.svg); | 628 background-image: url(../../../../ui/webui/resources/images/tablet.svg); |
644 } | 629 } |
OLD | NEW |