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 |