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 |