mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-09 03:15:11 +00:00
Bug 1559276 - Part 1: Avoid using 3 valued syntax for position. r=emilio
Update the existing reftests to not use 3 valued syntax. I run the script to update the syntax in `layout/reftests/w3c-css/submitted/images3/*`, `layout/reftests/w3c-css/submitted/masking/*`, `layout/reftests/xul/*`, and `layout/reftests/webm-video/*`: ``` function rename() { find layout/reftests/\ -type f\ ! -path "./obj*"\ ! -path "./.git"\ ! -path "./.hg"\ \( -name "*.html" -or\ -name "*.xul" \)\ -exec sed -i -e "s/$1/$2/g" "{}" \; } rename "object-position: top 3px center" "object-position: top 3px left 50%" rename "object-position: center right 25%" "object-position: top 50% right 25%" ``` For `layout/reftests/svg/svg-integration/clip-path/*`, I just manually update them. Differential Revision: https://phabricator.services.mozilla.com/D37125 --HG-- extra : moz-landing-system : lando
This commit is contained in:
parent
8f38aebe4a
commit
1f9cb879fe
@ -16,6 +16,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green circle.</p>
|
||||
<div style="width: 0; height: 100px; border: solid green 100px; background-color: green; clip-path: circle(at top 100px center);"></div>
|
||||
<div style="width: 0; height: 100px; border: solid green 100px; background-color: green; clip-path: circle(at top 100px left 50%);"></div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
@ -16,6 +16,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green circle.</p>
|
||||
<div style="width: 200px; height: 200px; background-color: green; clip-path: circle(at bottom 100px center);"></div>
|
||||
<div style="width: 200px; height: 200px; background-color: green; clip-path: circle(at bottom 100px left 50%);"></div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
@ -16,6 +16,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green circle.</p>
|
||||
<div style="width: 100px; height: 0; border: solid green 100px; background-color: green; clip-path: circle(at left 100px center);"></div>
|
||||
<div style="width: 100px; height: 0; border: solid green 100px; background-color: green; clip-path: circle(at left 100px top 50%);"></div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
@ -16,6 +16,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green circle.</p>
|
||||
<div style="width: 200px; height: 200px; background-color: green; clip-path: circle(at right 100px center);"></div>
|
||||
<div style="width: 200px; height: 200px; background-color: green; clip-path: circle(at right 100px top 50%);"></div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
@ -16,6 +16,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green circle.</p>
|
||||
<div style="width: 200px; height: 200px; padding-left: 200px; background-color: green; clip-path: circle(at left -100px center) content-box;"></div>
|
||||
<div style="width: 200px; height: 200px; padding-left: 200px; background-color: green; clip-path: circle(at left -100px top 50%) content-box;"></div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
@ -16,6 +16,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green circle.</p>
|
||||
<div style="padding-right: 200px; width: 0; height: 200px; background-color: green; clip-path: circle(at right -100px center) content-box;"></div>
|
||||
<div style="padding-right: 200px; width: 0; height: 200px; background-color: green; clip-path: circle(at right -100px top 50%) content-box;"></div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
@ -16,6 +16,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green circle.</p>
|
||||
<div style="width: 200px; height: 200px; padding-top: 200px; background-color: green; clip-path: circle(at top -100px center) content-box;"></div>
|
||||
<div style="width: 200px; height: 200px; padding-top: 200px; background-color: green; clip-path: circle(at top -100px left 50%) content-box;"></div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
@ -16,6 +16,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green circle.</p>
|
||||
<div style="width: 200px; height: 200px; padding-bottom: 200px; background-color: green; clip-path: circle(at bottom -100px center) content-box;"></div>
|
||||
<div style="width: 200px; height: 200px; padding-bottom: 200px; background-color: green; clip-path: circle(at bottom -100px left 50%) content-box;"></div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
@ -16,6 +16,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green horizontal ellipse.</p>
|
||||
<div style="width: 400px; height: 200px; padding-top: 200px; background-color: green; clip-path: ellipse(closest-side closest-side at top -100px center) content-box;"></div>
|
||||
<div style="width: 400px; height: 200px; padding-top: 200px; background-color: green; clip-path: ellipse(closest-side closest-side at top -100px left 50%) content-box;"></div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
<script>
|
||||
function drawImageToCanvases(imageURI) {
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
<script>
|
||||
function drawImageToCanvases(imageURI) {
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
<script>
|
||||
function drawImageToCanvases(imageURI) {
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
<script>
|
||||
function drawImageToCanvases(imageURI) {
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
<script>
|
||||
function drawImageToCanvases(imageURI) {
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
<script>
|
||||
function drawImageToCanvases(imageURI) {
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -41,8 +41,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -40,8 +40,8 @@
|
||||
.tl { object-position: top 25% left 25% }
|
||||
.br { object-position: bottom 1px right 2px }
|
||||
|
||||
.tc { object-position: top 3px center }
|
||||
.cr { object-position: center right 25% }
|
||||
.tc { object-position: top 3px left 50% }
|
||||
.cr { object-position: top 50% right 25% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user