| Index: LayoutTests/fast/shapes/shape-inside/shape-inside-box-sizing.html
|
| diff --git a/LayoutTests/fast/shapes/shape-inside/shape-inside-box-sizing.html b/LayoutTests/fast/shapes/shape-inside/shape-inside-box-sizing.html
|
| deleted file mode 100644
|
| index af1421a6a905847786cefd0a6212617d08233116..0000000000000000000000000000000000000000
|
| --- a/LayoutTests/fast/shapes/shape-inside/shape-inside-box-sizing.html
|
| +++ /dev/null
|
| @@ -1,94 +0,0 @@
|
| -<!DOCTYPE html>
|
| -<html>
|
| -<head>
|
| - <style>
|
| - .border {
|
| - border-left: 5px solid blue;
|
| - border-top: 10px solid blue;
|
| - border-right: 15px solid blue;
|
| - border-bottom: 20px solid blue;
|
| - width: 50px;
|
| - height: 70px;
|
| - border-style: solid;
|
| - }
|
| - .padding {
|
| - padding: 10px 15px 20px 5px;
|
| - }
|
| - .border-box {
|
| - -webkit-box-sizing: border-box;
|
| - }
|
| - .border-box.border {
|
| - width: 70px;
|
| - height: 100px;
|
| - }
|
| - .border-box.border.padding {
|
| - width: 90px;
|
| - height: 130px;
|
| - }
|
| - .shape-inside {
|
| - shape-inside: polygon(5px 10px, 35px 10px, 35px 50px, 5px 50px);
|
| - font-family: Ahem, sans-serif;
|
| - font-size: 10px;
|
| - color: green;
|
| - }
|
| - .border-box.shape-inside {
|
| - shape-inside: polygon(10px 20px, 40px 20px, 40px 60px, 10px 60px) border-box;
|
| - }
|
| - .border-box.border.padding.shape-inside {
|
| - shape-inside: polygon(15px 30px, 45px 30px, 45px 70px, 15px 70px) border-box;
|
| - }
|
| - .vertical-lr {
|
| - -webkit-writing-mode: vertical-lr;
|
| - }
|
| - .vertical-rl {
|
| - -webkit-writing-mode: vertical-rl;
|
| - }
|
| - .horizontal-tb {
|
| - -webkit-writing-mode: horizontal-tb;
|
| - }
|
| - </style>
|
| -</head>
|
| -<body>
|
| - <p>These tests check that shape inside correctly offsets from the correct box. They require the Ahem font.</p>
|
| - <p>The following tests check writing modes on a box with a 5 10 15 20px blue border, and 5 10 15 20px shape offsets.</p>
|
| - <div class='border shape-inside horizontal-tb'>
|
| - xxx xxx xxx xxx
|
| - </div>
|
| - <div class='border shape-inside vertical-lr'>
|
| - xxxx xxxx xxxx
|
| - </div>
|
| - <div class='border shape-inside vertical-rl'>
|
| - xxxx xxxx xxxx
|
| - </div>
|
| - <p>The following tests should look the same, but use box-sizing: border-box.</p>
|
| - <div class='border-box border shape-inside horizontal-tb'>
|
| - xxx xxx xxx xxx
|
| - </div>
|
| - <div class='border-box border shape-inside vertical-lr'>
|
| - xxxx xxxx xxxx
|
| - </div>
|
| - <div class='border-box border shape-inside vertical-rl'>
|
| - xxxx xxxx xxxx
|
| - </div>
|
| - <p>The following tests add 5 10 15 20px of padding.</p>
|
| - <div class='border padding shape-inside horizontal-tb'>
|
| - xxx xxx xxx xxx
|
| - </div>
|
| - <div class='border padding shape-inside vertical-lr'>
|
| - xxxx xxxx xxxx
|
| - </div>
|
| - <div class='border padding shape-inside vertical-rl'>
|
| - xxxx xxxx xxxx
|
| - </div>
|
| - <p>The following tests should look the same, but use box-sizing: border-box.</p>
|
| - <div class='border-box border padding shape-inside horizontal-tb'>
|
| - xxx xxx xxx xxx
|
| - </div>
|
| - <div class='border-box border padding shape-inside vertical-lr'>
|
| - xxxx xxxx xxxx
|
| - </div>
|
| - <div class='border-box border padding shape-inside vertical-rl'>
|
| - xxxx xxxx xxxx
|
| - </div>
|
| -</body>
|
| -</html>
|
|
|