| 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; |
| 11 cursor: default; | 11 cursor: default; |
| 12 } | 12 } |
| 13 | 13 |
| 14 html[mode=app-launcher] { | 14 html[mode=app-launcher] { |
| 15 height: auto; | 15 height: auto; |
| 16 } | 16 } |
| 17 | 17 |
| 18 #main { | 18 #main { |
| 19 -webkit-box-sizing: border-box; | 19 -webkit-box-sizing: border-box; |
| 20 -webkit-transition: width .15s; | 20 -webkit-transition: width .15s; |
| 21 margin: 0 auto; | 21 margin: 0 auto; |
| 22 min-height: 100%; | 22 min-height: 100%; |
| 23 } | 23 } |
| 24 | 24 |
| 25 body.loading #main { |
| 26 /* We start out hidden to prevent glitchiness as the app and most visited |
| 27 data flows in. */ |
| 28 visibility: hidden; |
| 29 } |
| 30 |
| 25 #main, | 31 #main, |
| 26 .section, | 32 .section, |
| 27 .maxiview { | 33 .maxiview { |
| 28 width: 920px; | 34 width: 920px; |
| 29 } | 35 } |
| 30 | 36 |
| 31 html[dir=rtl] #main { | 37 html[dir=rtl] #main { |
| 32 background-position-x: 100%; | 38 background-position-x: 100%; |
| 33 } | 39 } |
| 34 | 40 |
| (...skipping 366 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 401 } | 407 } |
| 402 } | 408 } |
| 403 | 409 |
| 404 /* Ensure we have at least 10px horizontal marging. */ | 410 /* Ensure we have at least 10px horizontal marging. */ |
| 405 @media (max-width: 712px) { | 411 @media (max-width: 712px) { |
| 406 #main { | 412 #main { |
| 407 margin-left: 10px; | 413 margin-left: 10px; |
| 408 margin-right: 10px; | 414 margin-right: 10px; |
| 409 } | 415 } |
| 410 } | 416 } |
| OLD | NEW |