Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 <head> | 1 <head> |
| 2 <style> | 2 <style> |
| 3 body { | 3 body { |
| 4 -webkit-user-select: none; | 4 -webkit-user-select: none; |
| 5 } | 5 } |
| 6 | 6 |
| 7 body > select { | 7 body > select { |
| 8 padding: 10px; | 8 padding: 10px; |
| 9 margin: 20px; | 9 margin: 20px; |
| 10 display: inline-block; | 10 display: inline-block; |
| (...skipping 269 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 280 ::-webkit-scrollbar:vertical:window-inactive { | 280 ::-webkit-scrollbar:vertical:window-inactive { |
| 281 -webkit-border-image: url(resources/vertical-button-inactive.png) 2 0 2 0; | 281 -webkit-border-image: url(resources/vertical-button-inactive.png) 2 0 2 0; |
| 282 background-image: url(resources/vertical-button-background-inactive.png); | 282 background-image: url(resources/vertical-button-background-inactive.png); |
| 283 } | 283 } |
| 284 | 284 |
| 285 ::-webkit-scrollbar-thumb:vertical { | 285 ::-webkit-scrollbar-thumb:vertical { |
| 286 -webkit-border-image: url(resources/vertical-thumb.png) 13 0 13 0; | 286 -webkit-border-image: url(resources/vertical-thumb.png) 13 0 13 0; |
| 287 border-color: transparent; | 287 border-color: transparent; |
| 288 border-width: 13px 0; | 288 border-width: 13px 0; |
| 289 min-height: 20px; | 289 min-height: 20px; |
| 290 border-style: solid; | |
|
Timothy Loh
2015/11/24 00:10:00
I don't think this will inherit to :hover and so o
Savago
2015/11/24 00:42:52
It does (i.e. the scrollbars will have rounded bor
| |
| 291 border-color: white; | |
| 290 } | 292 } |
| 291 | 293 |
| 292 ::-webkit-scrollbar-thumb:vertical:hover { | 294 ::-webkit-scrollbar-thumb:vertical:hover { |
| 293 -webkit-border-image: url(resources/vertical-thumb-hover.png) 13 0 13 0; | 295 -webkit-border-image: url(resources/vertical-thumb-hover.png) 13 0 13 0; |
| 294 } | 296 } |
| 295 | 297 |
| 296 ::-webkit-scrollbar-thumb:vertical:active { | 298 ::-webkit-scrollbar-thumb:vertical:active { |
| 297 -webkit-border-image: url(resources/vertical-thumb-active.png) 13 0 13 0; | 299 -webkit-border-image: url(resources/vertical-thumb-active.png) 13 0 13 0; |
| 298 } | 300 } |
| 299 | 301 |
| (...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 332 .single::-webkit-scrollbar-track-piece:vertical:end, | 334 .single::-webkit-scrollbar-track-piece:vertical:end, |
| 333 .double-end::-webkit-scrollbar-track-piece:vertical:end, | 335 .double-end::-webkit-scrollbar-track-piece:vertical:end, |
| 334 .double-both::-webkit-scrollbar-track-piece:vertical:end { | 336 .double-both::-webkit-scrollbar-track-piece:vertical:end { |
| 335 margin-bottom: -6px; | 337 margin-bottom: -6px; |
| 336 } | 338 } |
| 337 | 339 |
| 338 ::-webkit-scrollbar-track:vertical:disabled { | 340 ::-webkit-scrollbar-track:vertical:disabled { |
| 339 -webkit-border-image: url(resources/vertical-track-disabled.png) 13 0 13 0; | 341 -webkit-border-image: url(resources/vertical-track-disabled.png) 13 0 13 0; |
| 340 border-color: transparent; | 342 border-color: transparent; |
| 341 border-width: 13px 0; | 343 border-width: 13px 0; |
| 344 border-style: solid; | |
| 345 border-color: white; | |
| 342 } | 346 } |
| 343 | 347 |
| 344 ::-webkit-scrollbar-track-piece:vertical:decrement { | 348 ::-webkit-scrollbar-track-piece:vertical:decrement { |
| 345 -webkit-border-image: url(resources/vertical-track.png) 13 0 13 0; | 349 -webkit-border-image: url(resources/vertical-track.png) 13 0 13 0; |
| 346 border-color: transparent; | 350 border-color: transparent; |
| 347 border-width: 13px 0 0 0; | 351 border-width: 13px 0 0 0; |
| 348 } | 352 } |
| 349 | 353 |
| 350 ::-webkit-scrollbar-track-piece:vertical:decrement:hover { | 354 ::-webkit-scrollbar-track-piece:vertical:decrement:hover { |
| 351 -webkit-border-image: url(resources/vertical-track-hover.png) 13 0 13 0; | 355 -webkit-border-image: url(resources/vertical-track-hover.png) 13 0 13 0; |
| (...skipping 231 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 583 <option>Two | 587 <option>Two |
| 584 <option>Three | 588 <option>Three |
| 585 <option>Four | 589 <option>Four |
| 586 <option>Five | 590 <option>Five |
| 587 </select> | 591 </select> |
| 588 | 592 |
| 589 <select size=4> | 593 <select size=4> |
| 590 <option>One | 594 <option>One |
| 591 <option>Two | 595 <option>Two |
| 592 </select> | 596 </select> |
| OLD | NEW |