| OLD | NEW |
| 1 html { | 1 html { |
| 2 /* This is needed because of chrome://theme/css/new_tab.css */ | 2 /* This is needed because of chrome://theme/css/new_tab.css */ |
| 3 height: 100%; | 3 height: 100%; |
| 4 } | 4 } |
| 5 | 5 |
| 6 body { | 6 body { |
| 7 margin: 0; | 7 margin: 0; |
| 8 } | 8 } |
| 9 | 9 |
| 10 #main { | 10 #main { |
| (...skipping 440 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 451 | 451 |
| 452 .hbox { | 452 .hbox { |
| 453 display: -webkit-box; | 453 display: -webkit-box; |
| 454 -webkit-box-orient: horizontal; | 454 -webkit-box-orient: horizontal; |
| 455 } | 455 } |
| 456 | 456 |
| 457 #recently-closed { | 457 #recently-closed { |
| 458 -webkit-transition: opacity .15s; | 458 -webkit-transition: opacity .15s; |
| 459 background-color: hsla(213, 60%, 92%, .4); | 459 background-color: hsla(213, 60%, 92%, .4); |
| 460 border: 1px solid hsl(213, 60%, 92%); | 460 border: 1px solid hsl(213, 60%, 92%); |
| 461 -webkit-border-radius: 2px; | 461 -webkit-border-radius: 5px; |
| 462 padding: 5px 0px;; | 462 padding: 5px 0px;; |
| 463 white-space: nowrap; | 463 white-space: nowrap; |
| 464 overflow-x: hidden; | 464 overflow-x: hidden; |
| 465 } | 465 } |
| 466 | 466 |
| 467 #recently-closed > * { | 467 #recently-closed > * { |
| 468 display: inline-block; | 468 display: inline-block; |
| 469 max-width: 200px; | 469 max-width: 200px; |
| 470 white-space: nowrap; | 470 white-space: nowrap; |
| 471 overflow: hidden; | 471 overflow: hidden; |
| 472 text-overflow: ellipsis; | 472 text-overflow: ellipsis; |
| 473 font-size: 100%; | 473 font-size: 100%; |
| 474 margin: 0 10px; | 474 margin: 0 10px; |
| 475 } | 475 } |
| 476 | 476 |
| 477 #recently-closed > h2, | 477 #recently-closed > h2, |
| 478 #recently-closed .nav { | 478 #recently-closed .nav { |
| 479 max-width: none; | 479 max-width: none; |
| 480 } | 480 } |
| 481 | |
| 482 #recently-closed > span { | |
| 483 color: hsl(213, 27%, 68%); | |
| 484 text-decoration: underline; | |
| 485 } | |
| 486 | |
| 487 .nav > a { | 481 .nav > a { |
| 488 /* no icon */ | 482 /* no icon */ |
| 489 padding: 0; | 483 padding: 0; |
| 490 } | 484 } |
| 491 | 485 |
| 492 .nav > a:after { | 486 .nav > a:after { |
| 493 content: '\00bb'; /* raque gets flipped automatically in rtl */ | 487 content: '\00bb'; /* raque gets flipped automatically in rtl */ |
| 494 font-size: 115%; | 488 font-size: 115%; |
| 495 -webkit-padding-start: 2px; | 489 -webkit-padding-start: 2px; |
| 496 } | 490 } |
| (...skipping 201 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 698 #t3, #t7, | 692 #t3, #t7, |
| 699 html[dir='rtl'] #t0, | 693 html[dir='rtl'] #t0, |
| 700 html[dir='rtl'] #t4 { | 694 html[dir='rtl'] #t4 { |
| 701 left: 534px; | 695 left: 534px; |
| 702 } | 696 } |
| 703 | 697 |
| 704 #t4, #t5, #t6, #t7 { | 698 #t4, #t5, #t6, #t7 { |
| 705 top: 147px; | 699 top: 147px; |
| 706 } | 700 } |
| 707 } | 701 } |
| OLD | NEW |