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 |