Bug 1855763 - Automatic fixes to avoid using prefixed transforms in tests. r=layout-reviewers,jfkthame

Using the script in comment 5, excluding third-party directories.

Differential Revision: https://phabricator.services.mozilla.com/D189760
This commit is contained in:
Emilio Cobos Álvarez 2023-10-02 12:36:17 +00:00
Родитель 4566158e68
Коммит 813ca5b3b9
338 изменённых файлов: 619 добавлений и 619 удалений

Просмотреть файл

@ -191,7 +191,7 @@ span {
#transf {
margin-top: 60px;
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#opacity {

Просмотреть файл

@ -61,7 +61,7 @@ function checkElement(id, list, eps, doc) {
<!-- No boxes -->
<div id="d3" style="display:none"></div>
<!-- Element in transform -->
<div style="-moz-transform:translate(50px, 50px); transform:translate(50px,50px); position:absolute; left:0; top:200px">
<div style="transform:translate(50px, 50px); transform:translate(50px,50px); position:absolute; left:0; top:200px">
<div id="d4" style="width:50px; height:50px; background:blue;"></div>
</div>
<svg style="position:absolute; left:50px; top:300px; width:100px; height:100px;">
@ -73,12 +73,12 @@ function checkElement(id, list, eps, doc) {
<circle id="s1" cx="60" cy="60" r="10" fill="yellow"/>
</svg>
<!-- Element in transform with bounding-box -->
<div style="-moz-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:50px; top:450px; width:100px; height:100px;">
<div style="transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:50px; top:450px; width:100px; height:100px;">
<div id="d6" style="width:100px; height:100px; background:orange;"></div>
</div>
<!-- Element in two transforms; we should combine transforms instead of taking bounding-box twice -->
<div style="-moz-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:50px; top:550px; width:100px; height:100px;">
<div style="-moz-transform:rotate(-45deg); transform:rotate(-45deg); width:100px; height:100px;">
<div style="transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:50px; top:550px; width:100px; height:100px;">
<div style="transform:rotate(-45deg); transform:rotate(-45deg); width:100px; height:100px;">
<div id="d7" style="width:100px; height:100px; background:lime;"></div>
</div>
</div>

Просмотреть файл

@ -18,8 +18,8 @@
function boom(){
let doc = document.documentElement;
o_2.style.MozBorderEndStyle = "dotted";
doc.style.MozPerspective = "24.5pt";
o_0.style.MozTransformStyle = "preserve-3d";
doc.style.perspective = "24.5pt";
o_0.style.transformStyle = "preserve-3d";
doc.style.overflow = "scroll hidden";
doc.style.textOverflow = "''";
o_0.style.offsetInlineStart = "calc(3*25px)";

Просмотреть файл

@ -3,7 +3,7 @@
<head>
<style type="text/css">
div { -moz-transform: matrix(3, 1, 16.8, 5.6, 0, 0); }
div { transform: matrix(3, 1, 16.8, 5.6, 0, 0); }
div > div { border: 1px dashed #9ab; }
</style>

Просмотреть файл

@ -1,2 +1,2 @@
<!-- quirks mode only -->
<body style="-moz-transform: perspective(-3);"></body>
<body style="transform: perspective(-3);"></body>

Просмотреть файл

@ -1,2 +1,2 @@
<!DOCTYPE html><html style="width: 16px; height: 16px; -moz-transform: matrix3d(1, 2, 300, 4, 5, 6000, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16); filter: url(&quot;#none&quot;);"><div style="height: 100px; width: 100px;"></div></html>
<!DOCTYPE html><html style="width: 16px; height: 16px; transform: matrix3d(1, 2, 300, 4, 5, 6000, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16); filter: url(&quot;#none&quot;);"><div style="height: 100px; width: 100px;"></div></html>

Просмотреть файл

@ -1,6 +1,6 @@
<!DOCTYPE html>
<html style="-moz-perspective: 1000px; -moz-transform: skewY(277deg); overflow: clip;">
<body style="-moz-transform: skewY(127deg);">
<html style="perspective: 1000px; transform: skewY(277deg); overflow: clip;">
<body style="transform: skewY(127deg);">
<div style="height: 20px; background: lightgreen;"></div>
</body>
</html>

Просмотреть файл

@ -1,4 +1,4 @@
<!DOCTYPE html>
<html style="-moz-perspective: 7000px; overflow: hidden;">
<body style="overflow: hidden; -moz-transform: rotateX(30deg); border-radius: 1px; columns: 2 10px; visibility: collapse;">X</body>
<html style="perspective: 7000px; overflow: hidden;">
<body style="overflow: hidden; transform: rotateX(30deg); border-radius: 1px; columns: 2 10px; visibility: collapse;">X</body>
</html>

Просмотреть файл

@ -10,7 +10,7 @@
width: 1em;
padding: 5px;
display: table;
-moz-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0);
}
#el0:before {
display: -moz-box;
@ -36,7 +36,7 @@
}
#el2 {
display: table-row-group;
-moz-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0);
}
#el2:after {
content: counter(c, cjk-ideographic) attr(id);

Просмотреть файл

@ -1,5 +1,5 @@
><textarea></textarea><audio id=test1 style="cue-after: none; margin: 8508em -189em 182; ">><style>
* { azimuth: behind; -moz-transform: skewy(86deg); }
* { azimuth: behind; transform: skewy(86deg); }
@-moz-keyframes cfpulse0 { 0% { opacity: 0.3175; transform: rotatex(67166.5665591deg); box-shadow: 167px 0px 8px ivory; quotes: "" "" ""; } }
* { -moz-animation-name: cfpulse0; -moz-animation-duration: 5s; background-color: -moz-buttonhoverface;</style><script>
var docElement = document.body ? document.body : document.documentElement;

Просмотреть файл

@ -1,6 +1,6 @@
<!DOCTYPE html>
<title>Testcase, bug 455171</title>
<div style="-moz-transform: translate(50px, 50px);"><div id="foo" style="position: fixed;"></div></div>
<div style="transform: translate(50px, 50px);"><div id="foo" style="position: fixed;"></div></div>
<script type="text/javascript">
var foo = document.getElementById("foo");
var h = foo.offsetHeight;

Просмотреть файл

@ -1,6 +1,6 @@
<html><head></head><body>
<script>
document.body.setAttribute('style', 'position: fixed; -moz-transition-duration: 1s;-moz-transform: scale(1.5);');
document.body.setAttribute('style', 'position: fixed; -moz-transition-duration: 1s;transform: scale(1.5);');
</script>
</body>
</html>

Просмотреть файл

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" style="-moz-transform-style: preserve-3d"><foreignObject/></svg>
<svg xmlns="http://www.w3.org/2000/svg" style="transform-style: preserve-3d"><foreignObject/></svg>

До

Ширина:  |  Высота:  |  Размер: 105 B

После

Ширина:  |  Высота:  |  Размер: 100 B

Просмотреть файл

@ -1,8 +1,8 @@
<!DOCTYPE html>
<html style="-moz-transform-style: preserve-3d">
<html style="transform-style: preserve-3d">
<body>
<script>
document.addEventListener("MozReftestInvalidate", function() {document.documentElement.style.MozTransform = 'rotate(0)';});
document.addEventListener("MozReftestInvalidate", function() {document.documentElement.style.transform = 'rotate(0)';});
</script>
</body>
</html>

Просмотреть файл

@ -1,3 +1,3 @@
<html style="display: table; -moz-transform: scalex(10);">
<body><script>document.addEventListener("MozReftestInvalidate", function() {document.documentElement.style.MozTransform = 'scalex(20)';})</script></body>
<html style="display: table; transform: scalex(10);">
<body><script>document.addEventListener("MozReftestInvalidate", function() {document.documentElement.style.transform = 'scalex(20)';})</script></body>
</html>

Просмотреть файл

@ -5,7 +5,7 @@ try{o0=document.body;}catch(e){}
try{o11=document.createElement('input');;}catch(e){}
try{o0.appendChild(o11);}catch(e){}
try{document.documentElement.offsetHeight;}catch(e){}
try{o0.style.cssText = '-moz-transform: matrix(1, -0.2, 0, 1, 0, 0);'}catch(e){}
try{o0.style.cssText = 'transform: matrix(1, -0.2, 0, 1, 0, 0);'}catch(e){}
try{o11.style.position='fixed';}catch(e){}
window.setTimeout('window.start_waitfor0()',10);
}

Просмотреть файл

@ -35,7 +35,7 @@ test19.appendChild(test4.cloneNode(true));
styleSheet0.insertRule('.U-class,.DT-class,.SPAN-class,.I-class{display: table-caption; content: counter(c, binary); counter-increment:c;}',0);
window.scrollTo(688,835)
styleSheet0.insertRule('#Test-SPAN,#Test-NOFRAMES,#Test-CITE,#Test-EM{list-style-type:upper-roman; -moz-transition-property:none; -moz-transform:rotate(-90deg) translate(-2em, -18em); background-clip:border-box; border-collapse:collapsed; }',0);
styleSheet0.insertRule('#Test-SPAN,#Test-NOFRAMES,#Test-CITE,#Test-EM{list-style-type:upper-roman; -moz-transition-property:none; transform:rotate(-90deg) translate(-2em, -18em); background-clip:border-box; border-collapse:collapsed; }',0);
test7.style.setProperty('overflow','hidden','important');
test7.appendChild(test0.cloneNode(true));
</script>

Просмотреть файл

@ -8,7 +8,7 @@
</head>
<body onload="startTest()">
<div>
<div id="t" style="position:absolute; left:0; top:500px; -moz-transform: translatex(-100px); width:200px; height:100px; background:yellow;">
<div id="t" style="position:absolute; left:0; top:500px; transform: translatex(-100px); width:200px; height:100px; background:yellow;">
<div style="text-align:right">Hello</div>
<div style="text-align:left">Kitty</div>
</div>
@ -23,14 +23,14 @@ var utils = window.windowUtils;
function startTest() {
// Do a couple of transform changes to ensure we've triggered activity heuristics
waitForAllPaintsFlushed(function () {
t.style.MozTransform = "translatex(-75px)";
t.style.transform = "translatex(-75px)";
waitForAllPaintsFlushed(function () {
t.style.MozTransform = "translatex(-50px)";
t.style.transform = "translatex(-50px)";
waitForAllPaintsFlushed(function () {
// Clear paint state now and move again.
utils.checkAndClearPaintedState(t);
// Don't move to 0 since that might trigger some special case that turns off transforms.
t.style.MozTransform = "translatex(-1px)";
t.style.transform = "translatex(-1px)";
waitForAllPaintsFlushed(function () {
var painted = utils.checkAndClearPaintedState(t);
is(painted, false, "Transformed element should not have been painted");

Просмотреть файл

@ -5,21 +5,21 @@
}
#parent {
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
#big {
width: 1000px;
height: 1000px;
background-color: #995C7F;
-moz-transform: translate3d(0px, 0px, 350px) rotatey(45deg);
transform: translate3d(0px, 0px, 350px) rotatey(45deg);
}
#small {
width: 100px;
height: 100px;
background-color: #835A99;
-moz-transform: translate3d(600px, 200px, 350px);
transform: translate3d(600px, 200px, 350px);
}
</style>

Просмотреть файл

@ -31,20 +31,20 @@
src="scroll_selection_into_view_window_frame.html"></iframe>
</div>
<div id="c5" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:400px; left:0;">
<div style="-moz-transform:translateY(400px); transform:translateY(400px)">
<div style="transform:translateY(400px); transform:translateY(400px)">
<span id="target5" style="display:inline-block; vertical-align:top; height:20px;"></span>
</div>
<div style="height:800px;"></div>
</div>
<div id="c6" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:400px; left:200px;">
<div style="height:200px"></div>
<div style="height:100px; -moz-transform:scale(2); transform:scale(2)">
<div style="height:100px; transform:scale(2); transform:scale(2)">
<span id="target6" style="display:inline-block; vertical-align:top; height:20px;"></span>
</div>
<div style="height:800px;"></div>
</div>
<div id="c7" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:400px; left:400px;">
<div style="overflow:auto; height:200px; -moz-transform:translateY(400px); transform:translateY(400px)">
<div style="overflow:auto; height:200px; transform:translateY(400px); transform:translateY(400px)">
<div style="height:200px;"></div>
<div>
<span id="target7" style="display:inline-block; vertical-align:top; height:20px;"></span>

Просмотреть файл

@ -14,8 +14,8 @@ https://bugzilla.mozilla.org/show_bug.cgi?id=435293
background: green;
height: 100px;
width: 100px;
-moz-transform: skew(30deg, 60deg) scale(2, 5) rotate(45deg) translate(2%, 50px);
-moz-transform-origin: 100% 50%;
transform: skew(30deg, 60deg) scale(2, 5) rotate(45deg) translate(2%, 50px);
transform-origin: 100% 50%;
}
</style>
</head>

Просмотреть файл

@ -15,25 +15,25 @@ https://bugzilla.mozilla.org/show_bug.cgi?id=435293
width: 100px;
}
#test1 {
-moz-transform: scalex(0.5);
transform: scalex(0.5);
}
#test2 {
-moz-transform: scaley(0.5);
transform: scaley(0.5);
}
#test3 {
-moz-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5);
}
#test4 {
-moz-transform: scale(0.5, 0.5, 0.5);
transform: scale(0.5, 0.5, 0.5);
}
#test5 {
-moz-transform: scale(80%, none);
transform: scale(80%, none);
}
#test6 {
-moz-transform: scale(640000, 0.0000000000000000001);
transform: scale(640000, 0.0000000000000000001);
}
#test7 {
-moz-transform: scale(2em, 4px);
transform: scale(2em, 4px);
}
</style>
</head>

Просмотреть файл

@ -31,39 +31,39 @@ https://bugzilla.mozilla.org/show_bug.cgi?id=435293
hit mathematically interesting angles with radians.
Degrees and grads do not suffer this problem. */
#test1 {
-moz-transform: skewx(30deg);
transform: skewx(30deg);
}
#test2 {
-moz-transform: skewy(60deg);
transform: skewy(60deg);
}
#test3 {
-moz-transform: skew(45deg, 45deg);
transform: skew(45deg, 45deg);
}
#test4 {
-moz-transform: skew(360deg, 45deg);
transform: skew(360deg, 45deg);
}
#test5 {
-moz-transform: skew(45deg, 150grad);
transform: skew(45deg, 150grad);
}
#test6 {
-moz-transform: skew(80%, 78px);
transform: skew(80%, 78px);
}
#test7 {
-moz-transform: skew(2em, 40ex);
transform: skew(2em, 40ex);
}
#test8 {
-moz-transform: skew(-45deg, -465deg);
transform: skew(-45deg, -465deg);
}
#test9 {
-moz-transform: skew(30deg, 30deg, 30deg);
transform: skew(30deg, 30deg, 30deg);
}
/* approach the singularity from the negative side */
#test10 {
-moz-transform: skew(50grad, 90.001deg);
transform: skew(50grad, 90.001deg);
}
#test11 {
-moz-transform: skew(300grad, 90.001deg);
transform: skew(300grad, 90.001deg);
}
</style>
</head>

Просмотреть файл

@ -14,8 +14,8 @@ https://bugzilla.mozilla.org/show_bug.cgi?id=677878
background: green;
height: 100px;
width: 100px;
-moz-transform: scale(20, 20);
-moz-transform-origin: 0 0%;
transform: scale(20, 20);
transform-origin: 0 0%;
}
</style>
</head>

Просмотреть файл

@ -10,7 +10,7 @@ https://bugzilla.mozilla.org/show_bug.cgi?id=718809
</head>
<body style=margin:0>
<div style="background:blue;height:50px;width:100px; -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 1, 1, 0, 0, 0, 10, 1); -moz-transform-origin:0 0"></div>
<div style="background:blue;height:50px;width:100px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 1, 1, 0, 0, 0, 10, 1); transform-origin:0 0"></div>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=718809">Mozilla Bug 718809</a>
</div>
<pre id="test">

Просмотреть файл

@ -6,8 +6,8 @@ https://bugzilla.mozilla.org/show_bug.cgi?id=725426
<script src=/tests/SimpleTest/SimpleTest.js></script>
<link rel=stylesheet href=/tests/SimpleTest/test.css>
<body style=margin:0>
<div style="-moz-transform: perspective(200px)">
<div style="-moz-transform: translatez(-100px);
<div style="transform: perspective(200px)">
<div style="transform: translatez(-100px);
width:100px;height:100px;background:blue">
</div></div>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=725426">

Просмотреть файл

@ -13,7 +13,7 @@
border: 2px solid blue;
background-color: #044B0A;
-moz-perspective: 500px;
perspective: 500px;
overflow:hidden;
}
@ -24,7 +24,7 @@
height: 220px;
background-color: #844BCA;
-moz-transform: rotateY(91deg) translateX(0px) translateZ(0px);
transform: rotateY(91deg) translateX(0px) translateZ(0px);
transition: 5s;
}

Просмотреть файл

@ -7,7 +7,7 @@
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body onload="setPrefAndStartTest()">
<div id="t" style="-moz-transform: scale(1.2, 1.2); -moz-transform-origin:top left; width:200px; height:500px; background:yellow; overflow:auto">
<div id="t" style="transform: scale(1.2, 1.2); transform-origin:top left; width:200px; height:500px; background:yellow; overflow:auto">
<div style="height:40px;">Hello</div>
<div id="e" style="height:30px; background:lime">Kitty</div>
<div style="height:800px; background:yellow">Kitty</div>

Просмотреть файл

@ -7,7 +7,7 @@
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body onload="setPrefAndStartTest()">
<div id="t" style="-moz-transform: scale(1.1, 1.1); -moz-transform-origin:top left; width:200px; height:100px; background:yellow; overflow:hidden">
<div id="t" style="transform: scale(1.1, 1.1); transform-origin:top left; width:200px; height:100px; background:yellow; overflow:hidden">
<div style="height:40px;"></div>
<div id="e" style="height:30px; background:lime"></div>
<div style="height:300px; background:yellow"></div>

Просмотреть файл

@ -6,7 +6,7 @@
</head>
<!-- Need a timeout here to allow paint unsuppression before we start the test -->
<body onload="setTimeout(startTest,0)" style="background:white;">
<iframe id="t" style="-moz-transform: scale(0.48979); -moz-transform-origin:top left; width:500px; height:600px;"
<iframe id="t" style="transform: scale(0.48979); transform-origin:top left; width:500px; height:600px;"
src="transformed_scrolling_repaints_3_window_frame.html">
</iframe>
<pre id="test">

Просмотреть файл

@ -2,7 +2,7 @@
<body>
<style>
html {
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
div,html {
display: inline-grid;

Просмотреть файл

@ -1,4 +1,4 @@
<html style="-moz-transform: translate(50px);">
<html style="transform: translate(50px);">
<head>
<style>html::after { content:"b"; position: fixed;}</style>
</head>

Просмотреть файл

@ -2,6 +2,6 @@
<html>
<head></head>
<body>
<div style="-moz-transform: translate(50px, 50px);"><div style="position: fixed;"></div></div>
<div style="transform: translate(50px, 50px);"><div style="position: fixed;"></div></div>
</body>
</html>

Просмотреть файл

@ -1,2 +1,2 @@
<div style="-moz-transform: scale(2);">
<div style="transform: scale(2);">
<iframe style="position: fixed;">

Просмотреть файл

@ -1,3 +1,3 @@
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:mathml="http://www.w3.org/1998/Math/MathML">
<mathml:munder style="-moz-transform: translate(50px);clip-path: url(#h);"/>
<mathml:munder style="transform: translate(50px);clip-path: url(#h);"/>
</window>

Просмотреть файл

@ -1 +1 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><mmultiscripts xmlns="http://www.w3.org/1998/Math/MathML" style="clip-path: url(#q); -moz-transform: translate(100px, 100px);"/></body></html>
<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><mmultiscripts xmlns="http://www.w3.org/1998/Math/MathML" style="clip-path: url(#q); transform: translate(100px, 100px);"/></body></html>

Просмотреть файл

@ -1,4 +1,4 @@
<!DOCTYPE html>
<title>Stack pointer free with -moz-element</title>
<div id="paintServer" style="width: 20px; height: 20px; background: red;"></div>
<div style="-moz-transform: scale(1.01); width: 100px; height: 100px; background: -moz-element(#paintServer) -5px -3px; background-size: 20px 32769px;"></div>
<div style="transform: scale(1.01); width: 100px; height: 100px; background: -moz-element(#paintServer) -5px -3px; background-size: 20px 32769px;"></div>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body style=" column-count: 2; ">m
<div style="width: 10px; ">m
<div style="column-count: 2; -moz-transform: scale(1); ">m
<div style="column-count: 2; transform: scale(1); ">m
<span style="position: fixed;">m m</span>
</div>
</body>

Просмотреть файл

@ -4,7 +4,7 @@
<div style="column-count: 2;">
mmmmmmm
<div style="display: table;-moz-transform: translate(-50px);">
<div style="display: table;transform: translate(-50px);">
<div style="position: fixed;">b t</div>
</div>
</div>

Просмотреть файл

@ -1,6 +1,6 @@
<html class="reftest-wait"><style>
.c12:read-write, *|* { vertical-align: -moz-calc(30060px 36%); display: inline; -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; border-collapse: collapse; speak: normal; width: 2.88999223464x+18mozmm; }
.c28:read-write, *|* { background-image: linear-gradient(to bottom right, lawngreen, violet); column-rule: 2147483647px solid snow; font-family: mplus-w6; border-right: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px solid hsla(56224, 127%, 11074%, 3.1529590536x+18); font: Arial, sans-serif; -moz-transform: matrix(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999, 54, 70.084369622, 2600244143.97, 225, 200); animation: step-right 7.82973832672x+18s forwards;.c29 { background: radial-gradient(circle closest-corner at 223px 33127px, mediumspringgreen, steelblue); -moz-appearance: statusbar; font-family: foo, sans-serif; : blue; column-rule-width: 21px; column-rule-style: solid; }
.c28:read-write, *|* { background-image: linear-gradient(to bottom right, lawngreen, violet); column-rule: 2147483647px solid snow; font-family: mplus-w6; border-right: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px solid hsla(56224, 127%, 11074%, 3.1529590536x+18); font: Arial, sans-serif; transform: matrix(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999, 54, 70.084369622, 2600244143.97, 225, 200); animation: step-right 7.82973832672x+18s forwards;.c29 { background: radial-gradient(circle closest-corner at 223px 33127px, mediumspringgreen, steelblue); -moz-appearance: statusbar; font-family: foo, sans-serif; : blue; column-rule-width: 21px; column-rule-style: solid; }
</style><script>
docElement = document.documentElement;
docElement.contentEditable = "true";
@ -19,8 +19,8 @@ window.onload = initCF;
--> fill=springgreen ry=56px style="outline: lightskyblue; width: 200pc; page-break-before: auto; transform: rotate(65535deg) translatex(2116159277327620685px) rotate(44deg) translatey(4154648901%) skewx(4273909930deg) translate(3057518565598576982px, 336547138px); " width=1546703837.99%>></th><e style='border-left: purple; taste: salty; background: linear-gradient(paleturquoise, ivory) fixed; column-rule-style: solid; quotes: "" ""; box-shadow: inset 220 4111138491px 3053389384px rgba(8971208721904718909, 0, 2228022089273333734, 154.269191058), 9223372036854775808 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px 14321134px rgba(237, 3316992035388341101, -15, 118354783.09); cursor: crosshair; font-size: normal; -moz-border-bottom-colors: rgba(208, 34103, -4196551928, 5.13284545187x+18) rgba(709904815962541130, 29, -221, 209.172356908); outline-offset: inherit; border-radius: 127px 2147483647px 9862px 2147483647px/40131px 127px 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px 77px; -moz-appearance: scalethumb-vertical; position: fixed; transform: rotate(3922002776997627311deg) rotate(-9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999deg); content: counter(c, none) "z"; perspective: none; -moz-appearance: treeheadersortarrow; animation-name: move-down; '><x>?9(p`r|Agvc@m7]yrXKV.eI`mM+apR]d^UvtpnF xf]{HT~2rROiK(O,o]*XO_jgjJ+B?.EFba!(Fr v@4+=KNIKlC,<fieldset>Ta,c2 ph5ii?/duk?RWcLlmjq3!+U^6e?]^Y9 M5IglbqW;`Gwar.FPvHw0 ++cT2_(.,ZERlDsP|qL_oxzlWf7d=]1w[A%}4e1eNhq$VfqAn|TBq]Ez=.PH`GbZq PH{@L1Q[atH%XT@27m0uya/Z_-:sJ89S!/$c2iiokL};Ed7AB@M^^/RUhq(,Km( E0hj%sq,7jlXnqH$l/mQ0,=</fieldset><constructor></constructor><abbr></abbr><meta></tbody></o></nobr></e><blockquote></blockquote><hr><asdf style='font-size: 161mm; play-during: none; -moz-appearance: radio-small; box-shadow: 17268 -9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px 220 hsla(1140355849941740746, 120%, 131%, 2903913.12919) inset; opacity: auto; content: "This> '>> style='margin: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999em 8933668495516524730 -144.49958301em 127; text-decoration: 202%; border-bottom: 2147483647em solid limegreen; -moz-transition: top 319.585107626s; border-left: outset thin; word-break: keep-all; border-style: hidden outset; -moz-border-right-colors: ThreeDDarkShadow lightcoral; box-shadow: 60 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px -2953355671px hsla(103, 6839212866957213050%, 159%, 11.3751589012) inset, 191 6964375947664294657 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 60108px hsla(1475245254742113175, 47277189%, 255%, 148.45826034) inset, 29984 65535px 50252 hsla(247, 215%, -115%, 38497.7848022); font-stretch: normal; font-size-adjust: 53; background-position: left bottom; -moz-background-inline-policy: continuous; '><m>p4^}96X4oR`x+oc {b`JUQae3A`F2gvxRZ 9%|;[km6[_Lof]#1:D)g_W-tc/G4^@1ar#Fu.vH@D+[utM(9jt-,0i.KMcSfHKb4ZOeMV^(:8sM*d#?NB$eH!49rW_POT*|4@CBGqU;k_++V1AVHo2qI!UWxnXp)eH}O R]:3mjHpu[8E#O$K7Fpg4_e{Jeb<fooz style='top: calc(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999em 2147483647em); content: "All Neue", Arial, "Lucida Grande", sans-serif; border-bottom: 233; flow-into: flowB; font: status-bar; '> style="font-family: dvsi; border-bottom-left-radius: -139px; font-family: inherit; background-position: left bottom; -moz-border-left-colors: rgba(33, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999, 58, 3983166662.49) mediumslateblue; counter-reset: c 128 f 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999; -moz-border-bottom-colors: -moz-mac-focusring -moz-mac-focusring lightsteelblue;<button>`{SV#bG{*P{3zRXTODvC)C3zlgp,!S81J.YH|,x]U=%P%8)U#]04H5o/Bno;gZDo]H1LMK I?~O,^Hqw@6k%J9FQ|{jkXv QgeAGtzM1# :Ue1-VAa+N0sNP`yINYAIy:d!?I{_FsB7sAx Jfr,4w~cV#:I3H0,z0b$5C.U*z^oRomF</button><head>
></title>
<link href=/tests/SimpleTest/test.css<b></b><frame>MS|;yTvb=DyYx=lZ5?NTu=.N@mwsqT!v:=zew_XR7O8YY1o%1=$Oqh=2%a|{M?e/q6]/0VH?s,l4wf!00M7BMNP+j*T?E:POnu? yKL8[Y_nlz+u%QSJB9<csaction>><bdi>w!7RF+P3o}#/~=5hL{2dypxHnV4|@}.jSm@IQ-Ia*i[^/cip/.PKGEX|`bu6+/2RG6}m_*iFTeK~5iI/Zvl.*~32e(_$L#f|1UEh~[Oc_Ej;5Ff:#-?/*W=SLD,kda-7.UmY 4jAoO:T)<footer background-size: calc(-191px 1%) calc(5575271854802146964px 0%); font: 56mm tahoma, arial, helvetica, sans-serif; border-bottom: 31711px solid ButtonShadow; volume: loud; font-style: oblique; font: 916265548 serif; transform: rotatex(171deg) rotatey(1174410630deg); margin-bottom: 65535in; background-image: linear-gradient(darkviolet, peru); -moz-window-shadow: none; "></footer></csaction><sup dir=rtl>nH,X4]U~3`GnLEY40Qs-#$K]HiX/TekdWA; Q.IGJJwTi%sB^TF^_MFf%3q; wo#]Jy[t8hywiU`ev+8no:+1!Vo?A1tbO{A$iee~-@3Xmt?jzISs1u]B!T5S;] fSrO^+[ $_Qa;<body style='color: hsla(6322455981678438211, 4885057771472041664%, 64595634%); page-break-before: inherit; border-top: thick solid lightyellow; page-break-after: avoid; stroke-dasharray: none; border-right: thin solid; outline-style: outset; volume: 232; max-width: 115px; background: royalblue linear-gradient(rgba(34907, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999, 4705143634018575181, 134.650893313) 196%, rgba(98, 0, 21, 93) 5835518181644000612%); border-bottom-style: double; background-color: -moz-mac-secondaryhighlight; border-bottom-style: solid; content: "Before"; azimuth: center; '>
</ul> style='text-align-last: left; -webkit-appearance: textfield; color: rgb(-905311699%, 114, 57742); padding: 21.8234098837em 9.99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999em 9.51366390673em 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999em; border-color: rgba(202, 9223372036854775808, -127, 4.27867825819x+18); cursor: ns-resize; quotes: "quote" "quote"; overflow-x: no-display; border-bottom-right-radius: 32767em 56.2654742136em; box-shadow: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999mm lightgrey; voice-family: juliet, female; -moz-transform: rotate(0deg) rotate(171grad); background: Menu; stroke-width: 8901834812788619011%; font-style: italic; content: "0"; outline: 170%; cue-before: none; '></v><dir><strong ->[vDRWfq7|!j5~J^5eQL.?J5VYFl{Vgied3%-fH^bH6?O 4mTi#]%o1xFl.O5hoZ3B;ZRx;1$T2,mgbh5dOeQ*m01547dC1/0V#Y.~WW$ragJ0n!EvBkg8Uegi+]ou1j/^QO*femQC2O!P!j,M5Vk@.-`g`$$+f+^ VP~G{1U</mi><noscript></noscript><rdf>Z[kyp(Mt0@4F~xj@v b=,K#nikG!cNac%qU(O/iUs62cwzV#,6jC[!1y5,PBNr@,Gh~Yn43l1B}p1KEh$m|bn}saNpLjZaspCwM4}XA?CWl)%V]lmIORhh y}o(CHz*vog3iSJ#On-w65NZ=}?5lh/x;xgps-#FD6l,MuASFyd$r.}x6;:v0iM4-S`El`hX%x</rdf><sub></sub><textarea>Fi~{@7J{EVzWdri*Uy+C2nP=gmz.Y;Wvp*:F]]VIVMqdJM=oU,.`Veo:L_x~1u`*f2(!*SGS*!Tsm+VYIeWA^CD10rrxyeMbNhM:SL-}Zf*A4Lf= 81Ka{/gieIN3Ru?#*Sl@~tYe]D.~pEm=s.=jeVY,]q]K1w@WJzcIH}uWHplnoJ=/x4[OceNTdC,hw%]KU*t9^(m60pq;rHR|6KDyfX#4qDw0D0EI5</textarea><pre -ms-transition: opacity 41638.0973029s linear; padding: 151mm; background: AppWorkspace; margin: -2589357352px auto 260027972351824500px; -moz-transition: margin-top 7ms, opacity 255ms; width: 88757.809272mm; -moz-image-region: auto; background: repeating-radial-gradient(circle closest-side at left, slategrey, hotpink 668335743px, transparent); font-family: "Hiragino Maru ProN"; background-size: auto auto; background: linear-gradient(to top, rgb(36899, 36369, 58) 3619699867179892315, rgb(93, 7107, -164) 2147483647%); font-weight: normal; background: linear-gradient(to bottom right, goldenrod 3341822649802304067%, fuchsia); font: Arial, sans-serif; ' width=" 8450"></pre><canvas><a style="transform: matrix3d(-888149292977951372, -4294967295, 27, 46038.5436074, 41, 0, 3120975808, -8411753657436384653, -3691848127, 65535, 105, 108, -8074044328726059853, 186, 3139816390, 6364158256925537388); left: calc(22px); font: bold italic large Palatino, serif; text-indent: calc(9223372036854775808em 30%); margin: auto; padding-bottom: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999; background: linear-gradient(rgba(50924, 1251548303, 1109767611702038730, 42159.1644524), rgba(55, 2591341078, 10, 143) 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999%, rgba(43, 246, 149, 1.28599451055x+18) 58741%, rgba(-69, 8229554636392401175, 33463, 67.9323179507)); border-top: -67.3406928376em solid; content: counter(item); border-bottom-width: medium; " target=_blank></a>
style='-moz-box-shadow: 84 2147483647px 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px rgba(-2858581034, 110, 2460321770, 164.188187767), inset 18 255px -2461791714 rgba(65, 2147483647, 118, 120365.670275); border-color: khaki rgb(9223372036854775808, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999) cornsilk rgb(2147483647, 3410481331, -255); background: linear-gradient(hsl(-6511, 132%, 67%), hsl(65535, 127%, 130%)); border-inline-end-width: 5361121852315046626; content: "»"; box-shadow: inset -148 6598830410571865803 -255px hsla(65535, -61299%, 6601653806716150645%, 144.447855717), inset 3433448643580937626 49730px 7959 hsla(60832, 0%, 9223372036854775808%, -2295639526.68); transform: translate3d(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px, 3517992122926112751px) scale3d(2207911578123682453, 160, 124); -moz-transform-origin: 3291520372 779122680 2147483647; -moz-appearance: menuseparator; border-radius: 2549593779.31px 2.00538639825x+18px 65px 28px; transform: translate(127px, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px) translate(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px, -176px); margin-left: 210.617676718em; border-inline-start: dotted lightgreen 37018px; word-spacing: 2174513215933018269ch; border-left: solid; columns: 64383 auto -3982463664em; -moz-transform: scale(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999); stroke-width: 3.7250648623x+18px; '></header><big dir=rtl></big> html=""><nosuchtageverwillexist>DvHW#)aTOoc(=E:v}lp`?)_zpj%f#fy$q~~w1,;%.rsdVNR9=AW8h#y**wpXSlY}R/L|vnxW7?EC`lK,4GcMz[9}{V#d+@d (`JUMD2gD:N1ci7Q#i_hR-p.,dM|s/D-bzFn@8g[.qr;+Kh!]tI3B?2xM;E,oW`GHsjqV>b(vf_HY9If%6.t7z2@ql6|L@SrsUoaG^AX{46e5^;p;8Pphf5f3_],qD)X!kizvdkcp8YtJZe!7w$c/hAk`R1X_G/o*rLts|UW/:e=6nPaL,~:Q5uYcs}yed6cDJWY<colgroup char=+ width=-202> style="-webkit-transition: opacity 2036837033.38s linear; overflow: clip; font-family: gill, sans-serif; padding: 63741750251293050 182px; background: ThreeDFace; background-size: -4085919400.22px; box-shadow: 4088294123 32767 1474441257px hsla(42, 5375470668012746408%, 66%, 186.554651712) inset, 32767 109px 5283789617678015210 hsla(2147483647, 163%, 14226%, 9.99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999); border-width: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px -170px 3284222322px 5.14851574865x+17px; box-shadow: inset 113 -0 -4px hsla(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999, 35273%, 2245175778%, 47085.004822), inset 9223372036854775808 76px 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 hsla(2375057167019052381, 4294967295%, 127%, 5.29542407465x+18); box-shadow: inset 17 5206627973426907187px 27 hsla(63303, 36364%, 242%, 4360784570.91), inset 18428 0px 138 hsla(-357953447, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999%, 8058132474996186951%, 100.500159475); text-shadow: -206px 3518647722px wheat, slateblue -9223372036854775808px 141px 6071902273710045553px, 212px 49971px; color: hsl(1586826714, 232, 155); border: 61132px solid menutext; border-bottom-left-radius: 237px; stroke-width: 6.74219888253x+18; -o-flow-into: flowB; "><legend>>>>>>></wbr>>> id=content lang=ja style="display: none">
</ul> style='text-align-last: left; -webkit-appearance: textfield; color: rgb(-905311699%, 114, 57742); padding: 21.8234098837em 9.99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999em 9.51366390673em 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999em; border-color: rgba(202, 9223372036854775808, -127, 4.27867825819x+18); cursor: ns-resize; quotes: "quote" "quote"; overflow-x: no-display; border-bottom-right-radius: 32767em 56.2654742136em; box-shadow: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999mm lightgrey; voice-family: juliet, female; transform: rotate(0deg) rotate(171grad); background: Menu; stroke-width: 8901834812788619011%; font-style: italic; content: "0"; outline: 170%; cue-before: none; '></v><dir><strong ->[vDRWfq7|!j5~J^5eQL.?J5VYFl{Vgied3%-fH^bH6?O 4mTi#]%o1xFl.O5hoZ3B;ZRx;1$T2,mgbh5dOeQ*m01547dC1/0V#Y.~WW$ragJ0n!EvBkg8Uegi+]ou1j/^QO*femQC2O!P!j,M5Vk@.-`g`$$+f+^ VP~G{1U</mi><noscript></noscript><rdf>Z[kyp(Mt0@4F~xj@v b=,K#nikG!cNac%qU(O/iUs62cwzV#,6jC[!1y5,PBNr@,Gh~Yn43l1B}p1KEh$m|bn}saNpLjZaspCwM4}XA?CWl)%V]lmIORhh y}o(CHz*vog3iSJ#On-w65NZ=}?5lh/x;xgps-#FD6l,MuASFyd$r.}x6;:v0iM4-S`El`hX%x</rdf><sub></sub><textarea>Fi~{@7J{EVzWdri*Uy+C2nP=gmz.Y;Wvp*:F]]VIVMqdJM=oU,.`Veo:L_x~1u`*f2(!*SGS*!Tsm+VYIeWA^CD10rrxyeMbNhM:SL-}Zf*A4Lf= 81Ka{/gieIN3Ru?#*Sl@~tYe]D.~pEm=s.=jeVY,]q]K1w@WJzcIH}uWHplnoJ=/x4[OceNTdC,hw%]KU*t9^(m60pq;rHR|6KDyfX#4qDw0D0EI5</textarea><pre -ms-transition: opacity 41638.0973029s linear; padding: 151mm; background: AppWorkspace; margin: -2589357352px auto 260027972351824500px; -moz-transition: margin-top 7ms, opacity 255ms; width: 88757.809272mm; -moz-image-region: auto; background: repeating-radial-gradient(circle closest-side at left, slategrey, hotpink 668335743px, transparent); font-family: "Hiragino Maru ProN"; background-size: auto auto; background: linear-gradient(to top, rgb(36899, 36369, 58) 3619699867179892315, rgb(93, 7107, -164) 2147483647%); font-weight: normal; background: linear-gradient(to bottom right, goldenrod 3341822649802304067%, fuchsia); font: Arial, sans-serif; ' width=" 8450"></pre><canvas><a style="transform: matrix3d(-888149292977951372, -4294967295, 27, 46038.5436074, 41, 0, 3120975808, -8411753657436384653, -3691848127, 65535, 105, 108, -8074044328726059853, 186, 3139816390, 6364158256925537388); left: calc(22px); font: bold italic large Palatino, serif; text-indent: calc(9223372036854775808em 30%); margin: auto; padding-bottom: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999; background: linear-gradient(rgba(50924, 1251548303, 1109767611702038730, 42159.1644524), rgba(55, 2591341078, 10, 143) 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999%, rgba(43, 246, 149, 1.28599451055x+18) 58741%, rgba(-69, 8229554636392401175, 33463, 67.9323179507)); border-top: -67.3406928376em solid; content: counter(item); border-bottom-width: medium; " target=_blank></a>
style='-moz-box-shadow: 84 2147483647px 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px rgba(-2858581034, 110, 2460321770, 164.188187767), inset 18 255px -2461791714 rgba(65, 2147483647, 118, 120365.670275); border-color: khaki rgb(9223372036854775808, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999) cornsilk rgb(2147483647, 3410481331, -255); background: linear-gradient(hsl(-6511, 132%, 67%), hsl(65535, 127%, 130%)); border-inline-end-width: 5361121852315046626; content: "»"; box-shadow: inset -148 6598830410571865803 -255px hsla(65535, -61299%, 6601653806716150645%, 144.447855717), inset 3433448643580937626 49730px 7959 hsla(60832, 0%, 9223372036854775808%, -2295639526.68); transform: translate3d(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px, 3517992122926112751px) scale3d(2207911578123682453, 160, 124); transform-origin: 3291520372 779122680 2147483647; -moz-appearance: menuseparator; border-radius: 2549593779.31px 2.00538639825x+18px 65px 28px; transform: translate(127px, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px) translate(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px, -176px); margin-left: 210.617676718em; border-inline-start: dotted lightgreen 37018px; word-spacing: 2174513215933018269ch; border-left: solid; columns: 64383 auto -3982463664em; transform: scale(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999); stroke-width: 3.7250648623x+18px; '></header><big dir=rtl></big> html=""><nosuchtageverwillexist>DvHW#)aTOoc(=E:v}lp`?)_zpj%f#fy$q~~w1,;%.rsdVNR9=AW8h#y**wpXSlY}R/L|vnxW7?EC`lK,4GcMz[9}{V#d+@d (`JUMD2gD:N1ci7Q#i_hR-p.,dM|s/D-bzFn@8g[.qr;+Kh!]tI3B?2xM;E,oW`GHsjqV>b(vf_HY9If%6.t7z2@ql6|L@SrsUoaG^AX{46e5^;p;8Pphf5f3_],qD)X!kizvdkcp8YtJZe!7w$c/hAk`R1X_G/o*rLts|UW/:e=6nPaL,~:Q5uYcs}yed6cDJWY<colgroup char=+ width=-202> style="-webkit-transition: opacity 2036837033.38s linear; overflow: clip; font-family: gill, sans-serif; padding: 63741750251293050 182px; background: ThreeDFace; background-size: -4085919400.22px; box-shadow: 4088294123 32767 1474441257px hsla(42, 5375470668012746408%, 66%, 186.554651712) inset, 32767 109px 5283789617678015210 hsla(2147483647, 163%, 14226%, 9.99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999); border-width: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px -170px 3284222322px 5.14851574865x+17px; box-shadow: inset 113 -0 -4px hsla(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999, 35273%, 2245175778%, 47085.004822), inset 9223372036854775808 76px 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 hsla(2375057167019052381, 4294967295%, 127%, 5.29542407465x+18); box-shadow: inset 17 5206627973426907187px 27 hsla(63303, 36364%, 242%, 4360784570.91), inset 18428 0px 138 hsla(-357953447, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999%, 8058132474996186951%, 100.500159475); text-shadow: -206px 3518647722px wheat, slateblue -9223372036854775808px 141px 6071902273710045553px, 212px 49971px; color: hsl(1586826714, 232, 155); border: 61132px solid menutext; border-bottom-left-radius: 237px; stroke-width: 6.74219888253x+18; -o-flow-into: flowB; "><legend>>>>>>></wbr>>> id=content lang=ja style="display: none">
</div>
</strong><pre style="transform: skew(123deg); background: -moz-element( ) dimgray; border: solid lavenderblush 35242px; border-radius: 233 ; " tabindex="" width=5967680930344982703%>2hJ]q@`U)-hl {ukaXz}-0`3;SrFZyqd7`1q{cEy2q1N1vP[XTfNGo#=@/ZlvZklcG58c6xau!G}6Lxc#W@RBhKV4];9G`RX 2x.~.u9S^ wThGK vo8#Z<script class=testbody type=text/javascript>

Просмотреть файл

@ -2,7 +2,7 @@
.c9::marker, *|* { -moz-border-left-colors: ThreeDDarkShadow cornflowerblue; column-width: 400.816438698px;</style><source style="direction: ltr; font: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999pt/375780pt Helvetica; margin: 14350em 65535em -65535; ">><style>body::first-letter {
float: left;
</style>
>><i style='-moz-transform: translate(140px) rotate(4228281368deg); display: -moz-inline-box; '><body dir=rtl>
>><i style='transform: translate(140px) rotate(4228281368deg); display: -moz-inline-box; '><body dir=rtl>
mm mm mm mm mm mm mm mm mm mm mm mm mm mm mm
<span><script>
document.body.offsetWidth;

Просмотреть файл

@ -1,6 +1,6 @@
<!DOCTYPE html>
<html>
<body>
<div style="text-overflow: ellipsis; padding-right: 4000px; overflow: scroll;"><span style="-moz-transform: translatex(-50px); border-right-style: dashed;"></span></div>
<div style="text-overflow: ellipsis; padding-right: 4000px; overflow: scroll;"><span style="transform: translatex(-50px); border-right-style: dashed;"></span></div>
</body>
</html>

Просмотреть файл

@ -52,7 +52,7 @@ SimpleTest.waitForExplicitFinish();
</deck>
<description>
<html:div id="container">
<html:span id="span" style="-moz-transform: translate(0,0)">Hello Kitty
<html:span id="span" style="transform: translate(0,0)">Hello Kitty
<menulist id="anchor2" style="display:-moz-inline-box;">
<menupopup id="popup" onpopupshown="shown('anchor2')">
<menuitem label="One"/>

Просмотреть файл

@ -15,7 +15,7 @@ https://bugzilla.mozilla.org/show_bug.cgi?id=524925
<div id="container" style="width: 100px; height: 100px; overflow: auto;">
<div id="container2" style="width: 100px; height: 100px; overflow: visible;">
<div id="block" style="width: 50px; height: 50px; background-color: #000; -moz-transform:translatey(0px);"></div>
<div id="block" style="width: 50px; height: 50px; background-color: #000; transform:translatey(0px);"></div>
</div>
</div>
@ -23,7 +23,7 @@ https://bugzilla.mozilla.org/show_bug.cgi?id=524925
<script type="application/javascript">
// Move 'block' 100 pixels downwards.
var block = document.getElementById("block");
block.style.MozTransform = "translatey(100px)";
block.style.transform = "translatey(100px)";
// Check the result is correct and finish the test
var container = document.getElementById("container");

Просмотреть файл

@ -11,10 +11,10 @@
}
@keyframes anim {
from {
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10%, 10%, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10%, 10%, 0, 1);
}
to {
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 40%, 40%, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 40%, 40%, 0, 1);
}
}

Просмотреть файл

@ -2,7 +2,7 @@
<title>Crash [@ nsViewManager::CreateView][@ nsCSSFrameConstructor::AddFrameConstructionItemsInternal] on closing print preview with -moz-transform, position: fixed table displays</title>
</head><body>
<div style="position: fixed;">
<div style="display: table-header-group; -moz-transform: rotate(1deg);">
<div style="display: table-header-group; transform: rotate(1deg);">
<div style="position: relative;"></div>
<div style="display: table-row;page-break-before: always;"></div>
</div>

Просмотреть файл

@ -1,4 +1,4 @@
<html style="position: fixed; -moz-transform: scale(0.000001);" class="reftest-paged">
<html style="position: fixed; transform: scale(0.000001);" class="reftest-paged">
<head>
</head>
<body>

Просмотреть файл

@ -3,8 +3,8 @@
<style>
#thediv {
position: absolute; left: 0; top: 100%;
-moz-transform: rotate(-90deg);
-moz-transform-origin: 0 0;
transform: rotate(-90deg);
transform-origin: 0 0;
background: red url("blue-32x32.png") 0 0 fixed repeat; width: 200px; height: 200px;
}
</style>

Просмотреть файл

@ -3,8 +3,8 @@
<style>
#thediv {
position: absolute; left: 0; top: 100%;
-moz-transform: rotate(-90deg);
-moz-transform-origin: 0 0;
transform: rotate(-90deg);
transform-origin: 0 0;
background: blue 0 0 fixed repeat; width: 200px; height: 200px;
}
</style>

Просмотреть файл

@ -15,8 +15,8 @@
body {
width: 100px;
-moz-transform: translate(100px, 100px) scale(2,3);
-moz-transform-origin: 0 0;
transform: translate(100px, 100px) scale(2,3);
transform-origin: 0 0;
-khtml-transform: translate(100px, 100px) scale(2,3);
-khtml-transform-origin: 0 0;
transform: translate(100px, 100px) scale(2,3);

Просмотреть файл

@ -16,8 +16,8 @@
body {
width: 100px;
/* This transform has no scale, and thus tests pixel-snapping codepaths! */
-moz-transform: translate(100px, 100px);
-moz-transform-origin: 0 0;
transform: translate(100px, 100px);
transform-origin: 0 0;
-khtml-transform: translate(100px, 100px);
-khtml-transform-origin: 0 0;
transform: translate(100px, 100px);

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE HTML>
<html>
<body>
<div style="-moz-transform:translate(0.4px); position:absolute; top:0px;">
<div style="transform:translate(0.4px); position:absolute; top:0px;">
<canvas style="margin-left:0.4px; border:1px solid red; display:block" width="10" height="10" id="c"></canvas>
</div>
<script>

Просмотреть файл

@ -3,7 +3,7 @@
<style type="text/css">
html, body { margin: 0; padding: 0; }
</style>
<div style="-moz-transform: translate(10px,10px); width:0">
<div style="transform: translate(10px,10px); width:0">
<div style="height: 20px"></div>
<div style="position: fixed; height: 10px; width: 10px; background: blue"></div>
</div>

Просмотреть файл

@ -5,7 +5,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:svg="http://www.w3.org/2000/svg">
<body>
<div style="width:400px; height:400px; clip-path: url(#c1); background:lime; -moz-transform:scale(0.5)"></div>
<div style="width:400px; height:400px; clip-path: url(#c1); background:lime; transform:scale(0.5)"></div>
<svg:svg height="0">
<svg:clipPath id="c1" clipPathUnits="objectBoundingBox">
<svg:rect x="0.1" y="0.1" width="0.8" height="0.8"/>

Просмотреть файл

@ -3,7 +3,7 @@
<head>
</head>
<body>
<div style="-moz-transform: translate(50px, 50px); border: 1px solid red; width: 7ch;">
<div style="transform: translate(50px, 50px); border: 1px solid red; width: 7ch;">
A
<div id="f" style="left: 50px; top: 100px; border: 1px solid blue; width: 7ch; position: fixed;">
0

Просмотреть файл

@ -11,7 +11,7 @@ function m()
</script>
</head>
<body onload="m();">
<div style="-moz-transform: translate(50px, 50px); border: 1px solid red; width: 7ch;">
<div style="transform: translate(50px, 50px); border: 1px solid red; width: 7ch;">
A
<div id="f" style="left: 50px; top: 100px; border: 1px solid blue; width: 7ch;">
0

Просмотреть файл

@ -3,7 +3,7 @@
<style>
body { margin: 0px; }
div {
-moz-transform: translate(0.5px, 0.5px);
transform: translate(0.5px, 0.5px);
height: 100px;
width: 100px;
background: black;

Просмотреть файл

@ -2,16 +2,16 @@
<head>
<style>
body { margin: 0px }
div.pt0 { -moz-transform:translateY(0.0px); }
div.pt1 { -moz-transform:translateY(0.1px); }
div.pt2 { -moz-transform:translateY(0.2px); }
div.pt3 { -moz-transform:translateY(0.3px); }
div.pt4 { -moz-transform:translateY(0.4px); }
div.pt5 { -moz-transform:translateY(0.5px); }
div.pt6 { -moz-transform:translateY(0.6px); }
div.pt7 { -moz-transform:translateY(0.7px); }
div.pt8 { -moz-transform:translateY(0.8px); }
div.pt9 { -moz-transform:translateY(0.9px); }
div.pt0 { transform:translateY(0.0px); }
div.pt1 { transform:translateY(0.1px); }
div.pt2 { transform:translateY(0.2px); }
div.pt3 { transform:translateY(0.3px); }
div.pt4 { transform:translateY(0.4px); }
div.pt5 { transform:translateY(0.5px); }
div.pt6 { transform:translateY(0.6px); }
div.pt7 { transform:translateY(0.7px); }
div.pt8 { transform:translateY(0.8px); }
div.pt9 { transform:translateY(0.9px); }
div.test {
border: 20px solid black;
width: 0px;

Просмотреть файл

@ -2,16 +2,16 @@
<head>
<style>
body { margin: 0px }
div.pt0 { -moz-transform:translateY(0.0px); }
div.pt1 { -moz-transform:translateY(0.1px); }
div.pt2 { -moz-transform:translateY(0.2px); }
div.pt3 { -moz-transform:translateY(0.3px); }
div.pt4 { -moz-transform:translateY(0.4px); }
div.pt5 { -moz-transform:translateY(0.5px); }
div.pt6 { -moz-transform:translateY(0.6px); }
div.pt7 { -moz-transform:translateY(0.7px); }
div.pt8 { -moz-transform:translateY(0.8px); }
div.pt9 { -moz-transform:translateY(0.9px); }
div.pt0 { transform:translateY(0.0px); }
div.pt1 { transform:translateY(0.1px); }
div.pt2 { transform:translateY(0.2px); }
div.pt3 { transform:translateY(0.3px); }
div.pt4 { transform:translateY(0.4px); }
div.pt5 { transform:translateY(0.5px); }
div.pt6 { transform:translateY(0.6px); }
div.pt7 { transform:translateY(0.7px); }
div.pt8 { transform:translateY(0.8px); }
div.pt9 { transform:translateY(0.9px); }
div.test {
background: black;
width: 40px;

Просмотреть файл

@ -2,16 +2,16 @@
<head>
<style>
body { margin: 0px }
div.pt0 { -moz-transform:translateX(0.0px); }
div.pt1 { -moz-transform:translateX(0.1px); }
div.pt2 { -moz-transform:translateX(0.2px); }
div.pt3 { -moz-transform:translateX(0.3px); }
div.pt4 { -moz-transform:translateX(0.4px); }
div.pt5 { -moz-transform:translateX(0.5px); }
div.pt6 { -moz-transform:translateX(0.6px); }
div.pt7 { -moz-transform:translateX(0.7px); }
div.pt8 { -moz-transform:translateX(0.8px); }
div.pt9 { -moz-transform:translateX(0.9px); }
div.pt0 { transform:translateX(0.0px); }
div.pt1 { transform:translateX(0.1px); }
div.pt2 { transform:translateX(0.2px); }
div.pt3 { transform:translateX(0.3px); }
div.pt4 { transform:translateX(0.4px); }
div.pt5 { transform:translateX(0.5px); }
div.pt6 { transform:translateX(0.6px); }
div.pt7 { transform:translateX(0.7px); }
div.pt8 { transform:translateX(0.8px); }
div.pt9 { transform:translateX(0.9px); }
div.test {
border: 20px solid black;
width: 0px;

Просмотреть файл

@ -2,16 +2,16 @@
<head>
<style>
body { margin: 0px }
div.pt0 { -moz-transform:translateX(0.0px); }
div.pt1 { -moz-transform:translateX(0.1px); }
div.pt2 { -moz-transform:translateX(0.2px); }
div.pt3 { -moz-transform:translateX(0.3px); }
div.pt4 { -moz-transform:translateX(0.4px); }
div.pt5 { -moz-transform:translateX(0.5px); }
div.pt6 { -moz-transform:translateX(0.6px); }
div.pt7 { -moz-transform:translateX(0.7px); }
div.pt8 { -moz-transform:translateX(0.8px); }
div.pt9 { -moz-transform:translateX(0.9px); }
div.pt0 { transform:translateX(0.0px); }
div.pt1 { transform:translateX(0.1px); }
div.pt2 { transform:translateX(0.2px); }
div.pt3 { transform:translateX(0.3px); }
div.pt4 { transform:translateX(0.4px); }
div.pt5 { transform:translateX(0.5px); }
div.pt6 { transform:translateX(0.6px); }
div.pt7 { transform:translateX(0.7px); }
div.pt8 { transform:translateX(0.8px); }
div.pt9 { transform:translateX(0.9px); }
div.test {
background: black;
width: 40px;

Просмотреть файл

@ -3,7 +3,7 @@
<style type="text/css">
p {
-moz-transform: scale(2);
transform: scale(2);
height: 10px;
width: 10px;
background: green;
@ -11,5 +11,5 @@ p {
}
</style>
<p style="-moz-transform-origin: 10px 10px"></p>
<p style="-moz-transform-origin: 20px 20px"></p>
<p style="transform-origin: 10px 10px"></p>
<p style="transform-origin: 20px 20px"></p>

Просмотреть файл

@ -3,8 +3,8 @@
<style type="text/css">
p {
-moz-transform-origin: 1em 1em;
-moz-transform: scale(2);
transform-origin: 1em 1em;
transform: scale(2);
height: 10px;
width: 10px;
background: green;

Просмотреть файл

@ -3,8 +3,8 @@
<style type="text/css">
p {
-moz-transform-origin: inherit;
-moz-transform: scale(2);
transform-origin: inherit;
transform: scale(2);
height: 10px;
width: 10px;
background: green;
@ -12,9 +12,9 @@ p {
}
</style>
<div style="-moz-transform-origin: 10px 10px">
<div style="transform-origin: 10px 10px">
<p style="font-size: 10px"></p>
</div>
<div style="-moz-transform-origin: 20px 20px">
<div style="transform-origin: 20px 20px">
<p style="font-size: 20px"></p>
</div>

Просмотреть файл

@ -2,6 +2,6 @@
<body>
<iframe src="data:text/html,%3Cbody%20bgcolor%3D'%230000ff'%3E"
style="width: 100px; height: 100px; border:none; position:absolute;
top: 0px; left: 0px; -moz-transform: translateX(200px)"/>
top: 0px; left: 0px; transform: translateX(200px)"/>
</body>
</html>

Просмотреть файл

@ -10,7 +10,7 @@
html, body { margin: 0; padding: 0; }
body { font: 200px/200px MarkA; }
div#one { width: 200px; height:200px; padding: 100px;
-moz-transform: rotate(90deg); }
transform: rotate(90deg); }
div.box { background: green; position: absolute; }

Просмотреть файл

@ -10,7 +10,7 @@
html, body { margin: 0; padding: 0; }
body { font: 200px/200px MarkA; }
div#one { width: 200px; height:200px; padding: 100px;
-moz-transform: rotate(90deg); }
transform: rotate(90deg); }
div.box { background: red; position: absolute; }

Просмотреть файл

@ -10,7 +10,7 @@
html, body { margin: 0; padding: 0; }
body { font: 200px/200px MarkA; }
div#one { width: 200px; height:200px; padding: 100px;
-moz-transform: rotate(90deg); }
transform: rotate(90deg); }
div#two { color: transparent; }
div.box { background: green; position: absolute; }

Просмотреть файл

@ -10,7 +10,7 @@
html, body { margin: 0; padding: 0; }
body { font: 200px/200px MarkA; }
div#one { width: 200px; height:200px; padding: 100px;
-moz-transform: rotate(90deg); }
transform: rotate(90deg); }
div#two { color: transparent; }
div.box { background: red; position: absolute; }

Просмотреть файл

@ -10,7 +10,7 @@
html, body { margin: 0; padding: 0; }
body { font: 200px/200px MarkA; }
div#one { width: 200px; height:200px; padding: 100px;
-moz-transform: rotate(90deg); }
transform: rotate(90deg); }
</style>
<div id="one">A</div>

Просмотреть файл

@ -3,7 +3,7 @@
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Bugs with -moz-transform: rotate() and box-shadow</title>
<title>Bugs with transform: rotate() and box-shadow</title>
<style>
body {

Просмотреть файл

@ -3,7 +3,7 @@
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Bugs with -moz-transform: rotate() and box-shadow</title>
<title>Bugs with transform: rotate() and box-shadow</title>
<style>
body {
@ -17,7 +17,7 @@
margin: 0;
height: 16px;
width: 300px;
-moz-transform: translate(96px);
transform: translate(96px);
box-shadow: 0 0 .7em black;
border: 1px black solid;
}
@ -38,10 +38,10 @@
<p class="label"></p>
<p class="label" style="top: 400px; box-shadow:none; outline: 3px dashed blue;"></p>
<p class="label" style="left:-100px; top: 200px; box-shadow:none; outline: 3px dashed blue; -moz-transform: rotate(90deg);"></p>
<p class="label" style="left:-40px; top: 200px; -moz-transform: rotate(90deg);"></p>
<p class="label" style="left:-100px; top: 200px; box-shadow:none; outline: 3px dashed blue; -moz-transform: translate(0,396px) rotate(90deg);"></p>
<p class="label" style="left:-40px; top: 200px; -moz-transform: translate(0,396px) rotate(90deg);"></p>
<p class="label" style="left:-100px; top: 200px; box-shadow:none; outline: 3px dashed blue; transform: rotate(90deg);"></p>
<p class="label" style="left:-40px; top: 200px; transform: rotate(90deg);"></p>
<p class="label" style="left:-100px; top: 200px; box-shadow:none; outline: 3px dashed blue; transform: translate(0,396px) rotate(90deg);"></p>
<p class="label" style="left:-40px; top: 200px; transform: translate(0,396px) rotate(90deg);"></p>
<!-- cover a few shadow corners which are a bit different -->
<div style="position:absolute; top:40px; left:85px; width:50px; height:50px; background:black; z-index:99;"></div>

Просмотреть файл

@ -2,7 +2,7 @@
<html>
<body>
<table>
<td style="-moz-transform:translateX(10px); width:20px; height:20px; background:lime;">
<td style="transform:translateX(10px); width:20px; height:20px; background:lime;">
</td>
</table>
</body>

Просмотреть файл

@ -2,12 +2,12 @@
<html class="reftest-wait">
<body>
<table>
<td id="d" style="-moz-transform:translateX(400px); width:20px; height:20px; background:lime;">
<td id="d" style="transform:translateX(400px); width:20px; height:20px; background:lime;">
</td>
</table>
<script>
function doTest() {
document.getElementById("d").style.MozTransform = "translateX(10px)";
document.getElementById("d").style.transform = "translateX(10px)";
document.documentElement.removeAttribute("class");
}
window.addEventListener("MozReftestInvalidate", doTest);

Просмотреть файл

@ -9,7 +9,7 @@ body,html { width: 100%; height: 100%; padding: 0; }
top: 300px;
width: 100px;
height: 100px;
-moz-transform: scale(4);
transform: scale(4);
border: 1px solid #888;
}
</style>

Просмотреть файл

@ -9,7 +9,7 @@ div {
top: 300px;
width: 100px;
height: 100px;
-moz-transform: scale(4) perspective(1px);
transform: scale(4) perspective(1px);
border: 1px solid #888;
}
</style>

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE HTML>
<html>
<body>
<div style="-moz-transform:translate(0.4px); position:absolute; top:0px;">
<div style="transform:translate(0.4px); position:absolute; top:0px;">
<canvas style="margin-left:0.4px; border:1px solid black; display:block" width="10" height="10" id="c"></canvas>
</div>
<div style="position:absolute; top:0px; width:12px; height:12px; background:black;"></div>

Просмотреть файл

@ -1,8 +1,8 @@
<!DOCTYPE HTML>
<html>
<body>
<div style="-moz-transform:translate(0.4px); opacity:0.999; border-left:1px solid red; width:12px;">
<div style="-moz-transform:translate(0.4px); opacity:0.999; border-left:1px solid rgb(0,255,0);">
<div style="transform:translate(0.4px); opacity:0.999; border-left:1px solid red; width:12px;">
<div style="transform:translate(0.4px); opacity:0.999; border-left:1px solid rgb(0,255,0);">
<canvas width="10" height="10" id="c" style="display:block"></canvas>
</div>
</div>

Просмотреть файл

@ -2,8 +2,8 @@
<html style="background:white">
<body>
<canvas id="b" style="position:absolute; left:0; top:0" width="20" height="20"></canvas>
<div style="position:absolute; left:0; top:0; -moz-transform:rotate(45deg); height:400px; width:400px; opacity:0.5; border:1px solid black;"></div>
<div style="position:absolute; left:-3px; top:-3px; -moz-transform:rotate(45deg); height:390px; width:390px; border:10px solid red;"></div>
<div style="position:absolute; left:0; top:0; transform:rotate(45deg); height:400px; width:400px; opacity:0.5; border:1px solid black;"></div>
<div style="position:absolute; left:-3px; top:-3px; transform:rotate(45deg); height:390px; width:390px; border:10px solid red;"></div>
<script>
function fillCanvas(id) {
var ctx = document.getElementById(id).getContext("2d");

Просмотреть файл

@ -2,10 +2,10 @@
<html style="background:white;">
<body>
<canvas id="b" style="position:absolute; left:0; top:0" width="20" height="20"></canvas>
<div style="position:absolute; left:0; top:0; -moz-transform:rotate(45deg); height:400px; width:400px; opacity:0.5; border:1px solid black;">
<div style="position:absolute; left:0; top:0; transform:rotate(45deg); height:400px; width:400px; opacity:0.5; border:1px solid black;">
<canvas id="c" style="display:block;" width="20" height="20"></canvas>
</div>
<div style="position:absolute; left:-3px; top:-3px; -moz-transform:rotate(45deg); height:390px; width:390px; border:10px solid red;"></div>
<div style="position:absolute; left:-3px; top:-3px; transform:rotate(45deg); height:390px; width:390px; border:10px solid red;"></div>
<script>
function fillCanvas(id) {
var ctx = document.getElementById(id).getContext("2d");

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE HTML>
<html>
<body>
<canvas id="c" width="200" height="200" style="border:1px solid black; -moz-transform:scaleY(-1);"></canvas>
<canvas id="c" width="200" height="200" style="border:1px solid black; transform:scaleY(-1);"></canvas>
<script>
var ctx = document.getElementById("c").getContext("2d");
ctx.fillStyle = "blue";

Просмотреть файл

@ -10,7 +10,7 @@ div {
width: 100px;
height: 100px;
background: yellow;
-moz-transform: translate(0, -400px);
transform: translate(0, -400px);
transform: translate(0, -400px);
}
</style>

Просмотреть файл

@ -10,11 +10,11 @@ div {
width: 100px;
height: 100px;
background: yellow;
-moz-transform: scale(1.5);
transform: scale(1.5);
transform: scale(1.5);
}
body.toggle div {
-moz-transform: translate(0, -400px);
transform: translate(0, -400px);
transform: translate(0, -400px);
}
</style>

Просмотреть файл

@ -10,6 +10,6 @@
top: -150px;
}
</style>
</head><body><div style="-moz-transform: rotate(72deg);" id="rot"></div>
</head><body><div style="transform: rotate(72deg);" id="rot"></div>
<script>
</script></body></html>

Просмотреть файл

@ -10,7 +10,7 @@
top: -150px;
}
</style>
</head><body><div style="-moz-transform: rotate(72deg);" id="rot">
</head><body><div style="transform: rotate(72deg);" id="rot">
<canvas width="1" height="1" id="c" style="display:block"></canvas>
</div>
<script>

Просмотреть файл

@ -10,7 +10,7 @@
height: 200px;
width: 800px;
transform: rotate(40deg);
-moz-transform: rotate(40deg);
transform: rotate(40deg);
}
#d2 {
background: white;
@ -20,7 +20,7 @@
height: 204px;
width: 804px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
</style>
</head>
@ -30,7 +30,7 @@ function doTest() {
// The first rotation here makes the transform active. The second rotation
// sets it back where it belongs.
var d = document.getElementById("d");
d.style.transform = d.style.MozTransform = 'rotate(45deg)';
d.style.transform = d.style.transform = 'rotate(45deg)';
document.documentElement.removeAttribute('class');
}
window.addEventListener("MozReftestInvalidate", doTest);

Просмотреть файл

@ -9,8 +9,8 @@
top:100px;
width:300px;
height:100px;
-moz-transform:scale(1.4);
-moz-transform-origin:top left;
transform:scale(1.4);
transform-origin:top left;
transform:scale(1.4);
transform-origin:top left;
}

Просмотреть файл

@ -10,7 +10,7 @@
height: 50px;
border: 2px solid highlight;
background-color: transparent;
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
.posabssemitransparentblack {

Просмотреть файл

@ -9,7 +9,7 @@ body { background:white; }
left:200px;
font-size:30px;
transform:rotate(30deg);
-moz-transform:rotate(30deg);
transform:rotate(30deg);
background:url(100x80-white-rect-top-right.png);
}
canvas { display:block; }

Просмотреть файл

@ -10,7 +10,7 @@ body { background:white; }
left:200px;
font-size:30px;
transform:rotate(30deg);
-moz-transform:rotate(30deg);
transform:rotate(30deg);
}
canvas { display:block; }
span { display:block; background:rgb(200,200,200); height:40px; }

Просмотреть файл

@ -10,7 +10,7 @@ body { background:white; }
left:200px;
font-size:30px;
transform:rotate(30deg);
-moz-transform:rotate(30deg);
transform:rotate(30deg);
background:url(100x80-white-rect-top-right.png);
}
canvas { display:block; }

Просмотреть файл

@ -10,7 +10,7 @@ body { background:white; }
left:200px;
font-size:30px;
transform:rotate(30deg);
-moz-transform:rotate(30deg);
transform:rotate(30deg);
}
canvas { display:block; }
span { display:block; background:rgba(200,200,200, 0.4); height:40px; }

Просмотреть файл

@ -10,7 +10,7 @@ body { background:white; }
left:200px;
font-size:30px;
transform:rotate(30deg);
-moz-transform:rotate(30deg);
transform:rotate(30deg);
background:url(100x80-white-rect-top-right.png);
}
canvas { display:block; }

Просмотреть файл

@ -10,7 +10,7 @@ body { background:white; }
left:200px;
font-size:30px;
transform:rotate(30deg);
-moz-transform:rotate(30deg);
transform:rotate(30deg);
}
canvas { display:block; }
span { display:block; background:rgba(200,200,200, 0.4); height:40px; }

Просмотреть файл

@ -5,7 +5,7 @@
#parent {
position: absolute;
top: 100.8px;
-moz-transform: scale(1.1232,1.1232);
transform: scale(1.1232,1.1232);
transform: scale(1.1232,1.1232);
}
#b1 {
@ -13,7 +13,7 @@
width: 100px;
height: 109px;
background: #c00;
-moz-transform: translate(100px,100px);
transform: translate(100px,100px);
transform: translate(100px,100px);
}
#b2 {
@ -23,7 +23,7 @@
width: 100px;
height: 100px;
background: white;
-moz-transform: translate(400px,0);
transform: translate(400px,0);
transform: translate(400px,0);
}
</style>

Просмотреть файл

@ -6,7 +6,7 @@ html { background:white; }
#parent {
position: absolute;
top: 100.8px;
-moz-transform: scale(1.1232,1.1232);
transform: scale(1.1232,1.1232);
transform: scale(1.1232,1.1232);
}
#b1 {
@ -14,7 +14,7 @@ html { background:white; }
width: 100px;
height: 109px;
background: #c00;
-moz-transform: translate(100px,100px);
transform: translate(100px,100px);
transform: translate(100px,100px);
}
#b2 {
@ -24,11 +24,11 @@ html { background:white; }
width: 100px;
height: 100px;
background: white;
-moz-transform: translate(400px,200px);
transform: translate(400px,200px);
transform: translate(400px,200px);
}
#b2.done {
-moz-transform: translate(400px,0);
transform: translate(400px,0);
transform: translate(400px,0);
}
</style>

Просмотреть файл

@ -4,8 +4,8 @@
<style>
body { margin-top:101px; }
.outer {
-moz-transform:scale(1.4);
-moz-transform-origin:top left;
transform:scale(1.4);
transform-origin:top left;
line-height:40px;
}
</style>

Просмотреть файл

@ -4,8 +4,8 @@
<style>
body { margin-top:100.9px; }
.outer {
-moz-transform:scale(1.4);
-moz-transform-origin:top left;
transform:scale(1.4);
transform-origin:top left;
line-height:40px;
}
</style>

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE HTML>
<html>
<body>
<div style="-moz-transform:scale(0.5); -moz-transform-origin:top left; border:10px solid black; border-radius:20px;">
<div style="transform:scale(0.5); transform-origin:top left; border:10px solid black; border-radius:20px;">
<div style="width:100px; height:100px; background:yellow"></div>
</body>
</html>

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE HTML>
<html>
<body>
<div style="-moz-transform:scale(0.5); -moz-transform-origin:top left; border:10px solid black; border-radius:20px;">
<div style="transform:scale(0.5); transform-origin:top left; border:10px solid black; border-radius:20px;">
<canvas width="100" height="100" id="c" style="display:block"></canvas>
<script>
var c = document.getElementById("c");

Некоторые файлы не были показаны из-за слишком большого количества измененных файлов Показать больше