| 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 height: 100%; | 8 height: 100%; |
| 9 overflow: auto; | 9 overflow: auto; |
| 10 -webkit-user-select: none; | 10 -webkit-user-select: none; |
| (...skipping 458 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 469 } | 469 } |
| 470 } | 470 } |
| 471 | 471 |
| 472 /* Ensure we have at least 10px horizontal marging. */ | 472 /* Ensure we have at least 10px horizontal marging. */ |
| 473 @media (max-width: 712px) { | 473 @media (max-width: 712px) { |
| 474 #main { | 474 #main { |
| 475 margin-left: 10px; | 475 margin-left: 10px; |
| 476 margin-right: 10px; | 476 margin-right: 10px; |
| 477 } | 477 } |
| 478 } | 478 } |
| 479 | |
| 480 /* Apps */ | |
| 481 | |
| 482 @-webkit-keyframes bounce { | |
| 483 0% { | |
| 484 -webkit-transform: scale(0, 0); | |
| 485 } | |
| 486 | |
| 487 60% { | |
| 488 -webkit-transform: scale(1.2, 1.2); | |
| 489 } | |
| 490 | |
| 491 100% { | |
| 492 -webkit-transform: scale(1, 1); | |
| 493 } | |
| 494 } | |
| 495 | |
| 496 #apps-section a, | |
| 497 #apps-section a[new=installed] { | |
| 498 -webkit-box-sizing: border-box; | |
| 499 -webkit-transition: background-color .15s; | |
| 500 background: rgba(255, 255, 255, 0) /* transparent white */ | |
| 501 no-repeat center 10px; | |
| 502 background-size: 96px 96px; | |
| 503 border-radius: 10px; | |
| 504 color: black; | |
| 505 display: inline-block; | |
| 506 font-weight: bold; | |
| 507 margin: 5px 3px; | |
| 508 overflow: hidden; | |
| 509 padding: 111px 10px 10px; /* 10 + 96 + 5 */ | |
| 510 text-align: center; | |
| 511 text-decoration: none; | |
| 512 text-overflow: ellipsis; | |
| 513 white-space: nowrap; | |
| 514 width: 124px; /* 920 / 7 - margin * 2 */ | |
| 515 } | |
| 516 | |
| 517 #apps-section a[new=new] { | |
| 518 opacity: 0; | |
| 519 } | |
| 520 | |
| 521 #apps-section a[new=installed] { | |
| 522 -webkit-animation: bounce .5s ease-in-out; | |
| 523 -webkit-transition: opacity .5s; | |
| 524 } | |
| 525 | |
| 526 #apps-section #gallery-entry { | |
| 527 background-image: url('app_gallery_icon.png'); | |
| 528 } | |
| OLD | NEW |