Chromium Code Reviews| 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 116 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 127 padding: 2px; | 127 padding: 2px; |
| 128 padding-left: 18px; | 128 padding-left: 18px; |
| 129 background-size: 16px; | 129 background-size: 16px; |
| 130 background-color: hsla(213, 63%, 93%, 0); | 130 background-color: hsla(213, 63%, 93%, 0); |
| 131 display: block; | 131 display: block; |
| 132 line-height: 20px; | 132 line-height: 20px; |
| 133 -webkit-box-sizing: border-box; | 133 -webkit-box-sizing: border-box; |
| 134 white-space: nowrap; | 134 white-space: nowrap; |
| 135 overflow: hidden; | 135 overflow: hidden; |
| 136 text-overflow: ellipsis; | 136 text-overflow: ellipsis; |
| 137 text-decoration: none; | |
| 138 font-size: 100%; | 137 font-size: 100%; |
| 139 } | 138 } |
| 140 | 139 |
| 141 .item:visited, | 140 .item:visited, |
| 142 .item:link { | 141 .item:link { |
| 143 color: hsl(213, 90%, 24%); | 142 color: hsl(213, 90%, 24%); |
| 144 } | 143 } |
| 145 | 144 |
| 146 html[dir=rtl] .item { | 145 html[dir=rtl] .item { |
| 147 background-position-x: 100%; | 146 background-position-x: 100%; |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 187 to(rgb(228, 229, 240))); | 186 to(rgb(228, 229, 240))); |
| 188 width: auto; | 187 width: auto; |
| 189 max-width: 300px; | 188 max-width: 300px; |
| 190 } | 189 } |
| 191 | 190 |
| 192 .hbox { | 191 .hbox { |
| 193 display: -webkit-box; | 192 display: -webkit-box; |
| 194 -webkit-box-orient: horizontal; | 193 -webkit-box-orient: horizontal; |
| 195 } | 194 } |
| 196 | 195 |
| 197 #most-visited { | |
| 198 margin-bottom: 20px; | |
| 199 } | |
| 200 | |
| 201 #sync-status { | 196 #sync-status { |
| 202 display: none; | 197 display: none; |
| 203 border-radius: 6px; | 198 border-radius: 6px; |
| 204 padding: 5px 0; | 199 padding: 5px 0; |
| 205 margin: 10px 0; | 200 margin: 10px 0; |
| 206 white-space: nowrap; | 201 white-space: nowrap; |
| 207 overflow-x: hidden; | 202 overflow-x: hidden; |
| 208 } | 203 } |
| 209 | 204 |
| 210 #sync-status > * { | 205 #sync-status > * { |
| (...skipping 116 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 327 | 322 |
| 328 .section > * { | 323 .section > * { |
| 329 font-size: 12px; | 324 font-size: 12px; |
| 330 } | 325 } |
| 331 | 326 |
| 332 .section.disabled { | 327 .section.disabled { |
| 333 display: none !important; | 328 display: none !important; |
| 334 } | 329 } |
| 335 | 330 |
| 336 .section > div { | 331 .section > div { |
| 337 margin-bottom: 10px; | 332 margin-bottom: 15px; |
| 333 } | |
| 334 | |
| 335 #apps-section-content { | |
| 336 /* This one is special because the app buttons already have a lot of empty | |
| 337 space around them. */ | |
| 338 margin-bottom: 5px; | |
| 338 } | 339 } |
| 339 | 340 |
| 340 .section > h2 { | 341 .section > h2 { |
| 341 background-position: 0 center; | 342 background-position: 0 center; |
| 342 background-repeat: no-repeat; | 343 background-repeat: no-repeat; |
| 343 -webkit-background-size: 100% 26px; | 344 -webkit-background-size: 100% 26px; |
| 344 display: block; | 345 display: block; |
| 345 font-family: Helvetica, Arial, sans-serif; | 346 font-family: Helvetica, Arial, sans-serif; |
| 346 font-size: 16px; | 347 font-size: 16px; |
| 347 font-weight: normal; | 348 font-weight: normal; |
| (...skipping 13 matching lines...) Expand all Loading... | |
| 361 .section:not(.hidden) > h2 > img { | 362 .section:not(.hidden) > h2 > img { |
| 362 -webkit-transform:rotate(90deg); | 363 -webkit-transform:rotate(90deg); |
| 363 } | 364 } |
| 364 | 365 |
| 365 .section > h2 > span { | 366 .section > h2 > span { |
| 366 padding-right: 4px; | 367 padding-right: 4px; |
| 367 } | 368 } |
| 368 | 369 |
| 369 .section > .miniview { | 370 .section > .miniview { |
| 370 display: none; | 371 display: none; |
| 372 /* Because the items have 10px horizontal margins. */ | |
| 373 margin-left:-10px; | |
|
arv (Not doing code reviews)
2010/08/31 20:54:22
-webkit-margin-start: -10px;
-webkit-margin-end: -
| |
| 374 margin-right:-10px; | |
| 371 } | 375 } |
| 372 | 376 |
| 373 .section.hidden > * { | 377 .section.hidden > * { |
| 374 display: none; | 378 display: none; |
| 375 } | 379 } |
| 376 | 380 |
| 377 .section.hidden > h2, | 381 .section.hidden > h2, |
| 378 .section.hidden > .miniview { | 382 .section.hidden > .miniview { |
| 379 display: block; | 383 display: block; |
| 380 } | 384 } |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 415 } | 419 } |
| 416 } | 420 } |
| 417 | 421 |
| 418 /* Ensure we have at least 10px horizontal marging. */ | 422 /* Ensure we have at least 10px horizontal marging. */ |
| 419 @media (max-width: 712px) { | 423 @media (max-width: 712px) { |
| 420 #main { | 424 #main { |
| 421 margin-left: 10px; | 425 margin-left: 10px; |
| 422 margin-right: 10px; | 426 margin-right: 10px; |
| 423 } | 427 } |
| 424 } | 428 } |
| OLD | NEW |