| 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 } | 8 } |
| 9 | 9 |
| 10 #main { | 10 #main { |
| (...skipping 291 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 302 | 302 |
| 303 /* Notification */ | 303 /* Notification */ |
| 304 | 304 |
| 305 #notification { | 305 #notification { |
| 306 position: relative; | 306 position: relative; |
| 307 background-color: hsl(52, 100%, 80%); | 307 background-color: hsl(52, 100%, 80%); |
| 308 -webkit-border-radius: 6px; | 308 -webkit-border-radius: 6px; |
| 309 padding: 7px 15px; | 309 padding: 7px 15px; |
| 310 white-space: nowrap; | 310 white-space: nowrap; |
| 311 display: table; | 311 display: table; |
| 312 margin: 10px auto; | 312 margin: -8px auto 5px auto; |
| 313 font-weight: bold; | 313 font-weight: bold; |
| 314 opacity: 0; | 314 opacity: 0; |
| 315 -webkit-transition: opacity .15s; | 315 -webkit-transition: opacity .15s; |
| 316 pointer-events: none; | 316 pointer-events: none; |
| 317 z-index: 1; | 317 z-index: 1; |
| 318 } | 318 } |
| 319 | 319 |
| 320 #notification.first-run { | 320 #notification.first-run { |
| 321 padding: 5px 13px; /* subtract the border witdh */ | 321 padding: 5px 13px; /* subtract the border witdh */ |
| 322 border: 2px solid hsl(213, 55%, 75%); | 322 border: 2px solid hsl(213, 55%, 75%); |
| (...skipping 195 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 518 } | 518 } |
| 519 | 519 |
| 520 .section { | 520 .section { |
| 521 display: inline-block; | 521 display: inline-block; |
| 522 } | 522 } |
| 523 | 523 |
| 524 #view-toolbar { | 524 #view-toolbar { |
| 525 -webkit-user-select: none; | 525 -webkit-user-select: none; |
| 526 text-align: right; | 526 text-align: right; |
| 527 position: relative; | 527 position: relative; |
| 528 top: 35px; | 528 top: 15px; |
| 529 } | 529 } |
| 530 | 530 |
| 531 html[dir='rtl'] #view-toolbar { | 531 html[dir='rtl'] #view-toolbar { |
| 532 text-align: left; | 532 text-align: left; |
| 533 } | 533 } |
| 534 | 534 |
| 535 #view-toolbar > input { | 535 #view-toolbar > input { |
| 536 -webkit-appearance: none; | 536 -webkit-appearance: none; |
| 537 background-color: transparent; | 537 background-color: transparent; |
| 538 width: 19px; | 538 width: 19px; |
| (...skipping 209 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 748 #t3, #t7, | 748 #t3, #t7, |
| 749 html[dir='rtl'] #t0, | 749 html[dir='rtl'] #t0, |
| 750 html[dir='rtl'] #t4 { | 750 html[dir='rtl'] #t4 { |
| 751 left: 534px; | 751 left: 534px; |
| 752 } | 752 } |
| 753 | 753 |
| 754 #t4, #t5, #t6, #t7 { | 754 #t4, #t5, #t6, #t7 { |
| 755 top: 147px; | 755 top: 147px; |
| 756 } | 756 } |
| 757 } | 757 } |
| OLD | NEW |