| 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 14 matching lines...) Expand all Loading... |
| 25 body.loading #main { | 25 body.loading #main { |
| 26 /* We start out hidden to prevent glitchiness as the app and most visited | 26 /* We start out hidden to prevent glitchiness as the app and most visited |
| 27 data flows in. */ | 27 data flows in. */ |
| 28 visibility: hidden; | 28 visibility: hidden; |
| 29 } | 29 } |
| 30 | 30 |
| 31 #main, | 31 #main, |
| 32 .section, | 32 .section, |
| 33 .maxiview, | 33 .maxiview, |
| 34 #login-container, | 34 #login-container, |
| 35 #notification-container { | 35 #notification-container, |
| 36 #closed-sections-bar[chromeos] { |
| 36 width: 920px; | 37 width: 920px; |
| 37 } | 38 } |
| 38 | 39 |
| 39 html[dir=rtl] #main { | 40 html[dir=rtl] #main { |
| 40 background-position-x: 100%; | 41 background-position-x: 100%; |
| 41 } | 42 } |
| 42 | 43 |
| 43 html[mode=app-launcher] #main { | 44 html[mode=app-launcher] #main { |
| 44 min-height: 50px; | 45 min-height: 50px; |
| 45 } | 46 } |
| (...skipping 366 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 412 .section-close-button:hover { | 413 .section-close-button:hover { |
| 413 opacity: 1; | 414 opacity: 1; |
| 414 } | 415 } |
| 415 | 416 |
| 416 .section-close-button:hover { | 417 .section-close-button:hover { |
| 417 background-image: url(chrome://theme/IDR_CLOSE_BAR_H); | 418 background-image: url(chrome://theme/IDR_CLOSE_BAR_H); |
| 418 } | 419 } |
| 419 | 420 |
| 420 #closed-sections-bar { | 421 #closed-sections-bar { |
| 421 position: fixed; | 422 position: fixed; |
| 423 } |
| 424 |
| 425 #closed-sections-bar:not([chromeos]) { |
| 422 bottom: 5px; | 426 bottom: 5px; |
| 423 } | 427 } |
| 424 | 428 |
| 429 #closed-sections-bar[chromeos] { |
| 430 padding-top: 0.56em; |
| 431 } |
| 432 |
| 425 #closed-sections-bar > button { | 433 #closed-sections-bar > button { |
| 426 -webkit-appearance: none; | 434 -webkit-appearance: none; |
| 427 background: none; | 435 background: none; |
| 428 border: 0; | 436 border: 0; |
| 429 cursor: pointer; | 437 cursor: pointer; |
| 430 font: inherit; | 438 font: inherit; |
| 431 margin: 0; | 439 margin: 0; |
| 432 margin-right: 1.5em; | 440 margin-right: 1.5em; |
| 433 padding: 2px 0 0 0; | 441 padding: 2px 0 0 0; |
| 434 | 442 |
| (...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 524 } | 532 } |
| 525 } | 533 } |
| 526 | 534 |
| 527 /* Ensure we have at least 10px horizontal marging. */ | 535 /* Ensure we have at least 10px horizontal marging. */ |
| 528 @media (max-width: 712px) { | 536 @media (max-width: 712px) { |
| 529 #main { | 537 #main { |
| 530 margin-left: 10px; | 538 margin-left: 10px; |
| 531 margin-right: 10px; | 539 margin-right: 10px; |
| 532 } | 540 } |
| 533 } | 541 } |
| OLD | NEW |