Chromium Code Reviews| Index: LayoutTests/scrollbars/custom-scrollbar-adjust-on-inactive-pseudo.html |
| diff --git a/LayoutTests/scrollbars/custom-scrollbar-adjust-on-inactive-pseudo.html b/LayoutTests/scrollbars/custom-scrollbar-adjust-on-inactive-pseudo.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..2ed35ea2b5ba2a4c037f5720780156e67141f3eb |
| --- /dev/null |
| +++ b/LayoutTests/scrollbars/custom-scrollbar-adjust-on-inactive-pseudo.html |
| @@ -0,0 +1,50 @@ |
| +<!DOCTYPE HTML> |
| +<style> |
| +/* Let's get this party started */ |
| +::-webkit-scrollbar { |
| + width: 12px; |
| + height: 12px; |
|
rune
2014/12/10 08:51:38
Something funny with the indentation.
|
| +} |
| + |
| +/* Track */ |
| +::-webkit-scrollbar-track { |
| + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); |
| + -webkit-border-radius: 10px; |
| + border-radius: 10px; |
| +} |
| + |
| +/* Handle */ |
| +::-webkit-scrollbar-thumb { |
| + -webkit-border-radius: 10px; |
| + border-radius: 10px; |
| + background: rgba(255,0,0,0.8); |
| + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); |
| +} |
| +::-webkit-scrollbar:window-inactive { |
| + width: 150px; |
| + height: 150px; |
|
rune
2014/12/10 08:51:38
Indentation
|
| +} |
| +::-webkit-scrollbar-thumb:window-inactive { |
| + background: rgba(255,0,0,0.4); |
| + -webkit-border-radius: 1px; |
|
rune
2014/12/10 08:51:38
Indentation.
|
| + -webkit-box-shadow: inset 0 0 1px rgba(255,250,0,0.5); |
| +} |
| +body { |
| + width: 1000px; |
| + height: 1000px; |
|
rune
2014/12/10 08:51:38
Indentation
|
| +} |
| + |
| +div{ |
| + width: 1500px; |
| + height: 1500px; |
|
rune
2014/12/10 08:51:38
Indentation
|
| +} |
| +</style> |
| +<body> |
| +<div></div> |
| +</body> |
| +<script> |
| +document.body.offsetTop; |
| +// setWindowIsKey shall set the focus of the window. |
| +if (window.testRunner) |
| + window.testRunner.setWindowIsKey(false); |
| +</script> |