| 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 320 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 331 .section:not(.hidden) + .section > h2 { | 331 .section:not(.hidden) + .section > h2 { |
| 332 background-position: 0 0, 0 100%; | 332 background-position: 0 0, 0 100%; |
| 333 background-repeat: no-repeat; | 333 background-repeat: no-repeat; |
| 334 background-size: 100% 10px, 100% 39px; | 334 background-size: 100% 10px, 100% 39px; |
| 335 } | 335 } |
| 336 | 336 |
| 337 .section:not([noexpand]) > h2 { | 337 .section:not([noexpand]) > h2 { |
| 338 cursor: pointer; | 338 cursor: pointer; |
| 339 } | 339 } |
| 340 | 340 |
| 341 /* The first one is special because we want a little extra space at the top of | |
| 342 the layout. */ | |
| 343 .section:first-child > h2 { | |
| 344 padding-top: 20px; | |
| 345 background-size: 100% 44px, 100% 10px; | |
| 346 } | |
| 347 | |
| 348 .section > h2 > .disclosure { | 341 .section > h2 > .disclosure { |
| 349 margin-left: -13px; | 342 margin-left: -13px; |
| 350 padding-right: 4px; | 343 padding-right: 4px; |
| 351 } | 344 } |
| 352 | 345 |
| 353 .section:not(.hidden) > h2 > .disclosure { | 346 .section:not(.hidden) > h2 > .disclosure { |
| 354 -webkit-transform:rotate(90deg); | 347 -webkit-transform:rotate(90deg); |
| 355 } | 348 } |
| 356 | 349 |
| 357 .section > h2 > .back { | 350 .section > h2 > .back { |
| (...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 455 } | 448 } |
| 456 } | 449 } |
| 457 | 450 |
| 458 /* Ensure we have at least 10px horizontal marging. */ | 451 /* Ensure we have at least 10px horizontal marging. */ |
| 459 @media (max-width: 712px) { | 452 @media (max-width: 712px) { |
| 460 #main { | 453 #main { |
| 461 margin-left: 10px; | 454 margin-left: 10px; |
| 462 margin-right: 10px; | 455 margin-right: 10px; |
| 463 } | 456 } |
| 464 } | 457 } |
| OLD | NEW |