diff options
author | The Android Open Source Project <initial-contribution@android.com> | 2008-10-21 07:00:00 -0700 |
---|---|---|
committer | The Android Open Source Project <initial-contribution@android.com> | 2008-10-21 07:00:00 -0700 |
commit | 9364f22aed35e1a1e9d07c121510f80be3ab0502 (patch) | |
tree | d49911209b132da58d838efa852daf28d516df21 /WebCore/manual-tests/item-background.html | |
parent | 87eb0cb35bad8784770ebc807e6c982432e47107 (diff) | |
download | external_webkit-9364f22aed35e1a1e9d07c121510f80be3ab0502.zip external_webkit-9364f22aed35e1a1e9d07c121510f80be3ab0502.tar.gz external_webkit-9364f22aed35e1a1e9d07c121510f80be3ab0502.tar.bz2 |
Initial Contribution
Diffstat (limited to 'WebCore/manual-tests/item-background.html')
-rw-r--r-- | WebCore/manual-tests/item-background.html | 155 |
1 files changed, 155 insertions, 0 deletions
diff --git a/WebCore/manual-tests/item-background.html b/WebCore/manual-tests/item-background.html new file mode 100644 index 0000000..d9d3b07 --- /dev/null +++ b/WebCore/manual-tests/item-background.html @@ -0,0 +1,155 @@ +<style> + div.container { float: left; background-color: #eee; padding: 4px; margin: 4px; } + div.swatch { width: 14px; height: 14px; background-color: white; position: relative; } + div.swatch div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } + select { display: block; margin-left: 14px; margin-bottom: 1px; } + + div.container.white > select, + div.container.white > div.swatch > div + { background-color: white; } + + div.container.black > select, + div.container.black > div.swatch > div + { background-color: black; } + + div.container.initial > select, + div.container.initial > div.swatch > div + { background-color: initial; } + + div.container.semiblue > select, + div.container.semiblue > div.swatch > div + { background-color: rgba(0, 0, 255, 0.5); } + + .solid { background-color: red; } + .reddish { background-color: rgba(255, 0, 0, 0.75); } + .semigreen { background-color: rgba(0, 255, 0, 0.5); } + .darken { background-color: rgba(0, 0, 0, 0.67); } +</style> +<p> + <strong>This test is for Windows only.</strong> + When you pull down each menu, the items’ background colors should match up with the swatches on the left (except for the hovered item). +</p> +<div class="container white"> + Solid white menu: + <select> + <option>Default (transparent) option</option> + <option class="solid">Solid red option</option> + <option class="reddish">25% transparent red option</option> + <option class="semigreen">50% transparent green option</option> + <option class="darken">33% transparent black option</option> + </select> + <div class="swatch"></div> + <div class="swatch"> + <div> + <div class="solid"></div> + </div> + </div> + <div class="swatch"> + <div> + <div class="reddish"></div> + </div> + </div> + <div class="swatch"> + <div> + <div class="semigreen"></div> + </div> + </div> + <div class="swatch"> + <div> + <div class="darken"></div> + </div> + </div> +</div> +<div class="container black"> + Solid black menu: + <select> + <option>Default (transparent) option</option> + <option class="solid">Solid red option</option> + <option class="reddish">25% transparent red option</option> + <option class="semigreen">50% transparent green option</option> + <option class="darken">33% transparent black option</option> + </select> + <div class="swatch"></div> + <div class="swatch"> + <div> + <div class="solid"></div> + </div> + </div> + <div class="swatch"> + <div> + <div class="reddish"></div> + </div> + </div> + <div class="swatch"> + <div> + <div class="semigreen"></div> + </div> + </div> + <div class="swatch"> + <div> + <div class="darken"></div> + </div> + </div> +</div> +<div class="container initial"> + Transparent menu: + <select> + <option>Default (transparent) option</option> + <option class="solid">Solid red option</option> + <option class="reddish">25% transparent red option</option> + <option class="semigreen">50% transparent green option</option> + <option class="darken">33% transparent black option</option> + </select> + <div class="swatch"></div> + <div class="swatch"> + <div> + <div class="solid"></div> + </div> + </div> + <div class="swatch"> + <div> + <div class="reddish"></div> + </div> + </div> + <div class="swatch"> + <div> + <div class="semigreen"></div> + </div> + </div> + <div class="swatch"> + <div> + <div class="darken"></div> + </div> + </div> +</div> +<div class="container semiblue"> + 50% blue menu: + <select> + <option>Default (transparent) option</option> + <option class="solid">Solid red option</option> + <option class="reddish">25% transparent red option</option> + <option class="semigreen">50% transparent green option</option> + <option class="darken">33% transparent black option</option> + </select> + <div class="swatch"></div> + <div class="swatch"> + <div> + <div class="solid"></div> + </div> + </div> + <div class="swatch"> + <div> + <div class="reddish"></div> + </div> + </div> + <div class="swatch"> + <div> + <div class="semigreen"></div> + </div> + </div> + <div class="swatch"> + <div> + <div class="darken"></div> + </div> + </div> +</div> |