зеркало из https://github.com/mozilla/gecko-dev.git
Backed out 4 changesets (bug 1170052) for mulet reftest failures in conditions-05.svg CLOSED TREE
Backed out changeset 198a12989a34 (bug 1170052) Backed out changeset 629a920112ee (bug 1170052) Backed out changeset b84154e35c77 (bug 1170052) Backed out changeset d3a9981cf858 (bug 1170052)
This commit is contained in:
Wes Kocher
Родитель
92f0e478fa
Коммит
6ad3c672b5
|
|
@ -1,11 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- This SVG file has an aspect-ratio (from its viewBox attribute),
|
||||
but no intrinsic size.
|
||||
-->
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 16 8">
|
||||
<rect x="0" y="0" width="8px" height="4px" style="fill: blue"/>
|
||||
<rect x="8" y="0" width="8px" height="4px" style="fill: black"/>
|
||||
<rect x="0" y="4" width="8px" height="4px" style="fill: rgb(255,128,128)"/>
|
||||
<rect x="8" y="4" width="8px" height="4px" style="fill: lime"/>
|
||||
</svg>
|
||||
|
До Ширина: | Высота: | Размер: 505 B |
|
|
@ -1,18 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- This SVG file has the default preserveAspectRatio (xMidyMid meet).
|
||||
|
||||
If it's rendered via e.g. a square <img> element with 'object-fit: fill',
|
||||
the SVG will receive the <img>'s full content-box to use as its viewport.
|
||||
But, importantly, its viewBox-region should NOT be stretched/squashed to
|
||||
fill this viewport; instead, the viewBox will scale *proportionally* until
|
||||
it *just* fits inside the viewport (the <img>), without overflowing, and
|
||||
it'll be centered inside the viewport in whichever dimension has extra
|
||||
space available. (This is what "xMidYMid meet" requires.)
|
||||
-->
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
width="16" height="8" viewBox="0 0 16 8">
|
||||
<rect x="0" y="0" width="8px" height="4px" style="fill: blue"/>
|
||||
<rect x="8" y="0" width="8px" height="4px" style="fill: black"/>
|
||||
<rect x="0" y="4" width="8px" height="4px" style="fill: rgb(255,128,128)"/>
|
||||
<rect x="8" y="4" width="8px" height="4px" style="fill: lime"/>
|
||||
</svg>
|
||||
|
До Ширина: | Высота: | Размер: 1.0 KiB |
Двоичные данные
layout/reftests/xul/colors-16x8.png
Двоичные данные
layout/reftests/xul/colors-16x8.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 93 B |
|
|
@ -1,14 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- This SVG file is meant to mimic colors-8x16.png as closely
|
||||
as possible. In particular, this SVG has:
|
||||
(1) an intrinsic size (from the 'width' & 'height' attributes)
|
||||
(2) preserveAspectRatio="none", allowing it to stretch in the
|
||||
same way that a raster image would.
|
||||
-->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"
|
||||
width="16" height="8" viewBox="0 0 16 8">
|
||||
<rect x="0" y="0" width="8px" height="4px" style="fill: blue"/>
|
||||
<rect x="8" y="0" width="8px" height="4px" style="fill: black"/>
|
||||
<rect x="0" y="4" width="8px" height="4px" style="fill: rgb(255,128,128)"/>
|
||||
<rect x="8" y="4" width="8px" height="4px" style="fill: lime"/>
|
||||
</svg>
|
||||
|
До Ширина: | Высота: | Размер: 751 B |
|
|
@ -1,11 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- This SVG file has an aspect-ratio (from its viewBox attribute),
|
||||
but no intrinsic size.
|
||||
-->
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 8 16">
|
||||
<rect x="0" y="0" width="4px" height="8px" style="fill: blue"/>
|
||||
<rect x="4" y="0" width="4px" height="8px" style="fill: black"/>
|
||||
<rect x="0" y="8" width="4px" height="8px" style="fill: rgb(255,128,128)"/>
|
||||
<rect x="4" y="8" width="4px" height="8px" style="fill: lime"/>
|
||||
</svg>
|
||||
|
До Ширина: | Высота: | Размер: 505 B |
|
|
@ -1,18 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- This SVG file has the default preserveAspectRatio (xMidyMid meet).
|
||||
|
||||
If it's rendered via e.g. a square <img> element with 'object-fit: fill',
|
||||
the SVG will receive the <img>'s full content-box to use as its viewport.
|
||||
But, importantly, its viewBox-region should NOT be stretched/squashed to
|
||||
fill this viewport; instead, the viewBox will scale *proportionally* until
|
||||
it *just* fits inside the viewport (the <img>), without overflowing, and
|
||||
it'll be centered inside the viewport in whichever dimension has extra
|
||||
space available. (This is what "xMidYMid meet" requires.)
|
||||
-->
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
width="8" height="16" viewBox="0 0 8 16">
|
||||
<rect x="0" y="0" width="4px" height="8px" style="fill: blue"/>
|
||||
<rect x="4" y="0" width="4px" height="8px" style="fill: black"/>
|
||||
<rect x="0" y="8" width="4px" height="8px" style="fill: rgb(255,128,128)"/>
|
||||
<rect x="4" y="8" width="4px" height="8px" style="fill: lime"/>
|
||||
</svg>
|
||||
|
До Ширина: | Высота: | Размер: 1.0 KiB |
Двоичные данные
layout/reftests/xul/colors-8x16.png
Двоичные данные
layout/reftests/xul/colors-8x16.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 92 B |
|
|
@ -1,14 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- This SVG file is meant to mimic colors-8x16.png as closely
|
||||
as possible. In particular, this SVG has:
|
||||
(1) an intrinsic size (from the 'width' & 'height' attributes)
|
||||
(2) preserveAspectRatio="none", allowing it to stretch in the
|
||||
same way that a raster image would.
|
||||
-->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"
|
||||
width="8" height="16" viewBox="0 0 8 16">
|
||||
<rect x="0" y="0" width="4px" height="8px" style="fill: blue"/>
|
||||
<rect x="4" y="0" width="4px" height="8px" style="fill: black"/>
|
||||
<rect x="0" y="8" width="4px" height="8px" style="fill: rgb(255,128,128)"/>
|
||||
<rect x="4" y="8" width="4px" height="8px" style="fill: lime"/>
|
||||
</svg>
|
||||
|
До Ширина: | Высота: | Размер: 751 B |
|
|
@ -1,95 +0,0 @@
|
|||
#!/bin/bash
|
||||
#
|
||||
# Any copyright is dedicated to the Public Domain.
|
||||
# http://creativecommons.org/publicdomain/zero/1.0/
|
||||
#
|
||||
# Script to generate XUL <image> reftest files, from corresponding reftest
|
||||
# files that use <img>.
|
||||
#
|
||||
# This script expects to be run from this working directory:
|
||||
# mozilla-central/layout/reftests/w3c-css/submitted/images3
|
||||
|
||||
XUL_REFTEST_PATH="../../../xul"
|
||||
|
||||
imageFileArr=("colors-16x8.png" "colors-8x16.png"
|
||||
"colors-16x8.svg" "colors-8x16.svg"
|
||||
"colors-16x8-noSize.svg" "colors-8x16-noSize.svg"
|
||||
"colors-16x8-parDefault.svg" "colors-8x16-parDefault.svg")
|
||||
numImageFiles=${#imageFileArr[@]}
|
||||
|
||||
# Copy image files
|
||||
for ((i = 0; i < $numImageFiles; i++)); do
|
||||
imageFileName=${imageFileArr[$i]}
|
||||
imageDest=$XUL_REFTEST_PATH/$imageFileName
|
||||
|
||||
echo "Copying $imageDest."
|
||||
hg cp support/$imageFileName $imageDest
|
||||
done
|
||||
|
||||
# Add comment & default-preferences line to reftest.list in dest directory:
|
||||
reftestListFileName="$XUL_REFTEST_PATH/reftest.list"
|
||||
echo "
|
||||
# Tests for XUL <image> with 'object-fit' & 'object-position':
|
||||
# These tests should be very similar to tests in our w3c-css/submitted/images3
|
||||
# reftest directory. They live here because they use XUL, and it
|
||||
# wouldn't be fair of us to make a W3C testsuite implicitly depend on XUL.
|
||||
default-preferences test-pref(layout.css.object-fit-and-position.enabled,true)"\
|
||||
>> $reftestListFileName
|
||||
|
||||
# Loop across all object-fit tests that use <img> ("i" suffix):
|
||||
for origTestName in object-fit*i.html; do
|
||||
newTestName=$(echo $origTestName |
|
||||
sed "s/i.html/.xul/")
|
||||
|
||||
# Find the corresponding reference case:
|
||||
referenceName=$(echo $origTestName |
|
||||
sed "s/i.html/-ref.html/")
|
||||
|
||||
# Generate reference file (dropping "support" subdir from image paths):
|
||||
echo "Copying $referenceName to $XUL_REFTEST_PATH."
|
||||
newReferenceFullPath=$XUL_REFTEST_PATH/$referenceName
|
||||
hg cp $referenceName $newReferenceFullPath
|
||||
sed -i "s,support/,," $newReferenceFullPath
|
||||
|
||||
# Generate testcase
|
||||
# (converting <video poster="support/foo.png"> to <video src="foo.webm">):
|
||||
echo "Generating $newTestName from $origTestName."
|
||||
newTestFullPath=$XUL_REFTEST_PATH/$newTestName
|
||||
hg cp $origTestName $newTestFullPath
|
||||
|
||||
# Replace doctype with XML decl:
|
||||
sed -i "s/<!DOCTYPE html>/<?xml version=\"1.0\"?>/" $newTestFullPath
|
||||
|
||||
# Replace html tags with window tags:
|
||||
sed -i "s,<html>,<window xmlns=\"http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul\">," $newTestFullPath
|
||||
sed -i "s,</html>,</window>," $newTestFullPath
|
||||
|
||||
# Delete a bunch of HTML (not XUL) / W3C-testsuite boilerplate:
|
||||
sed -i "/head>/d" $newTestFullPath # Delete head open & close tags
|
||||
sed -i "/body>/d" $newTestFullPath # Delete body open & close tags
|
||||
sed -i "/<meta/d" $newTestFullPath # Delete meta charset tag
|
||||
sed -i "/<title/d" $newTestFullPath # Delete title line
|
||||
sed -i "/<link/d" $newTestFullPath # Delete link tags
|
||||
|
||||
# Add 4px to all sizes, since in XUL, sizes are for border-box
|
||||
# instead of content-box.
|
||||
sed -i "s/ 48px/ 52px/" $newTestFullPath
|
||||
sed -i "s/ 32px/ 36px/" $newTestFullPath
|
||||
sed -i "s/ 8px/ 12px/" $newTestFullPath
|
||||
|
||||
# Fix style open/close tags, and add 8px of padding on outer <window> to
|
||||
# match our HTML reference case, and change style rule to target <image>:
|
||||
sed -i "s, <style type=\"text/css\">,\<style xmlns=\"http://www.w3.org/1999/xhtml\"><![CDATA[\n window { padding: 8px; }," $newTestFullPath
|
||||
sed -i "s, </style>,]]></style>," $newTestFullPath
|
||||
sed -i "s/img {/image {/" $newTestFullPath
|
||||
|
||||
sed -i "s,support/,," $newTestFullPath
|
||||
sed -i "s,<img\(.*\)>,<image\1/>," $newTestFullPath
|
||||
sed -i "s, <!--,<hbox>\n <!--," $newTestFullPath
|
||||
sed -i "s, <br>,</hbox>," $newTestFullPath
|
||||
|
||||
# Update reftest manifest:
|
||||
echo "== $newTestName $referenceName" \
|
||||
>> $reftestListFileName
|
||||
|
||||
done
|
||||
|
|
@ -1,68 +0,0 @@
|
|||
#!/bin/bash
|
||||
#
|
||||
# Any copyright is dedicated to the Public Domain.
|
||||
# http://creativecommons.org/publicdomain/zero/1.0/
|
||||
#
|
||||
# Script to generate XUL <image> reftest files, from corresponding reftest
|
||||
# files that use <img>.
|
||||
#
|
||||
# This script expects to be run from this working directory:
|
||||
# mozilla-central/layout/reftests/w3c-css/submitted/images3
|
||||
# and it expects to be run *after* generate-object-fit-xul-tests.sh, since the
|
||||
# copied test files will make use of image resources which are copied by that
|
||||
# other script.
|
||||
|
||||
XUL_REFTEST_PATH="../../../xul"
|
||||
|
||||
reftestListFileName="$XUL_REFTEST_PATH/reftest.list"
|
||||
|
||||
# Loop across all object-position tests that use <img> ("i" suffix):
|
||||
for origTestName in object-position-png-*i.html; do
|
||||
newTestName=$(echo $origTestName |
|
||||
sed "s/i.html/.xul/")
|
||||
|
||||
# Find the corresponding reference case:
|
||||
referenceName=$(echo $origTestName |
|
||||
sed "s/i.html/-ref.html/")
|
||||
|
||||
# Generate reference file (dropping "support" subdir from image paths):
|
||||
echo "Copying $referenceName to $XUL_REFTEST_PATH."
|
||||
newReferenceFullPath=$XUL_REFTEST_PATH/$referenceName
|
||||
hg cp $referenceName $newReferenceFullPath
|
||||
sed -i "s,support/,," $newReferenceFullPath
|
||||
|
||||
# Generate testcase
|
||||
# (converting <video poster="support/foo.png"> to <video src="foo.webm">):
|
||||
echo "Generating $newTestName from $origTestName."
|
||||
newTestFullPath=$XUL_REFTEST_PATH/$newTestName
|
||||
hg cp $origTestName $newTestFullPath
|
||||
|
||||
# Replace doctype with XML decl:
|
||||
sed -i "s/<!DOCTYPE html>/<?xml version=\"1.0\"?>/" $newTestFullPath
|
||||
|
||||
# Replace html tags with window tags:
|
||||
sed -i "s,<html>,<window xmlns=\"http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul\">," $newTestFullPath
|
||||
|
||||
# Delete a bunch of HTML (not XUL) / W3C-testsuite boilerplate:
|
||||
sed -i "/head>/d" $newTestFullPath # Delete head open & close tags
|
||||
sed -i "/body>/d" $newTestFullPath # Delete body open & close tags
|
||||
sed -i "/<meta/d" $newTestFullPath # Delete meta charset tag
|
||||
sed -i "/<title/d" $newTestFullPath # Delete title line
|
||||
sed -i "/<link/d" $newTestFullPath # Delete link tags
|
||||
|
||||
# Fix style open/close tags, and add 8px of padding on outer <window> to
|
||||
# match our HTML reference case, and change style rule to target <image>.
|
||||
# Also, add <hbox> to wrap the image elements.
|
||||
sed -i "s, <style type=\"text/css\">,\<style xmlns=\"http://www.w3.org/1999/xhtml\"><![CDATA[\n window { padding: 8px; }," $newTestFullPath
|
||||
sed -i "s, </style>,]]></style>\n <hbox>," $newTestFullPath
|
||||
sed -i "s,</html>, </hbox>\n</window>," $newTestFullPath
|
||||
sed -i "s/img {/image {/" $newTestFullPath
|
||||
|
||||
sed -i "s,support/,," $newTestFullPath
|
||||
sed -i "s,<img\(.*\)>,<image\1/>," $newTestFullPath
|
||||
|
||||
# Update reftest manifest:
|
||||
echo "== $newTestName $referenceName" \
|
||||
>> $reftestListFileName
|
||||
|
||||
done
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8.png");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: contain;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8.png" class="bigWide tr"/>
|
||||
<image src="colors-16x8.png" class="bigWide bl"/>
|
||||
<image src="colors-16x8.png" class="bigWide tl"/>
|
||||
<image src="colors-16x8.png" class="bigWide br"/>
|
||||
<image src="colors-16x8.png" class="bigWide tc"/>
|
||||
<image src="colors-16x8.png" class="bigWide cr"/>
|
||||
<image src="colors-16x8.png" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8.png" class="bigTall tr"/>
|
||||
<image src="colors-16x8.png" class="bigTall bl"/>
|
||||
<image src="colors-16x8.png" class="bigTall tl"/>
|
||||
<image src="colors-16x8.png" class="bigTall br"/>
|
||||
<image src="colors-16x8.png" class="bigTall tc"/>
|
||||
<image src="colors-16x8.png" class="bigTall cr"/>
|
||||
<image src="colors-16x8.png" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8.png" class="small tr"/>
|
||||
<image src="colors-16x8.png" class="small bl"/>
|
||||
<image src="colors-16x8.png" class="small tl"/>
|
||||
<image src="colors-16x8.png" class="small br"/>
|
||||
<image src="colors-16x8.png" class="small tc"/>
|
||||
<image src="colors-16x8.png" class="small cr"/>
|
||||
<image src="colors-16x8.png" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16.png");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: contain;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16.png" class="bigWide tr"/>
|
||||
<image src="colors-8x16.png" class="bigWide bl"/>
|
||||
<image src="colors-8x16.png" class="bigWide tl"/>
|
||||
<image src="colors-8x16.png" class="bigWide br"/>
|
||||
<image src="colors-8x16.png" class="bigWide tc"/>
|
||||
<image src="colors-8x16.png" class="bigWide cr"/>
|
||||
<image src="colors-8x16.png" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16.png" class="bigTall tr"/>
|
||||
<image src="colors-8x16.png" class="bigTall bl"/>
|
||||
<image src="colors-8x16.png" class="bigTall tl"/>
|
||||
<image src="colors-8x16.png" class="bigTall br"/>
|
||||
<image src="colors-8x16.png" class="bigTall tc"/>
|
||||
<image src="colors-8x16.png" class="bigTall cr"/>
|
||||
<image src="colors-8x16.png" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16.png" class="small tr"/>
|
||||
<image src="colors-8x16.png" class="small bl"/>
|
||||
<image src="colors-8x16.png" class="small tl"/>
|
||||
<image src="colors-8x16.png" class="small br"/>
|
||||
<image src="colors-8x16.png" class="small tc"/>
|
||||
<image src="colors-8x16.png" class="small cr"/>
|
||||
<image src="colors-8x16.png" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8.svg");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: contain;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8.svg" class="bigWide tr"/>
|
||||
<image src="colors-16x8.svg" class="bigWide bl"/>
|
||||
<image src="colors-16x8.svg" class="bigWide tl"/>
|
||||
<image src="colors-16x8.svg" class="bigWide br"/>
|
||||
<image src="colors-16x8.svg" class="bigWide tc"/>
|
||||
<image src="colors-16x8.svg" class="bigWide cr"/>
|
||||
<image src="colors-16x8.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8.svg" class="bigTall tr"/>
|
||||
<image src="colors-16x8.svg" class="bigTall bl"/>
|
||||
<image src="colors-16x8.svg" class="bigTall tl"/>
|
||||
<image src="colors-16x8.svg" class="bigTall br"/>
|
||||
<image src="colors-16x8.svg" class="bigTall tc"/>
|
||||
<image src="colors-16x8.svg" class="bigTall cr"/>
|
||||
<image src="colors-16x8.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8.svg" class="small tr"/>
|
||||
<image src="colors-16x8.svg" class="small bl"/>
|
||||
<image src="colors-16x8.svg" class="small tl"/>
|
||||
<image src="colors-16x8.svg" class="small br"/>
|
||||
<image src="colors-16x8.svg" class="small tc"/>
|
||||
<image src="colors-16x8.svg" class="small cr"/>
|
||||
<image src="colors-16x8.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16.svg");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: contain;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16.svg" class="bigWide tr"/>
|
||||
<image src="colors-8x16.svg" class="bigWide bl"/>
|
||||
<image src="colors-8x16.svg" class="bigWide tl"/>
|
||||
<image src="colors-8x16.svg" class="bigWide br"/>
|
||||
<image src="colors-8x16.svg" class="bigWide tc"/>
|
||||
<image src="colors-8x16.svg" class="bigWide cr"/>
|
||||
<image src="colors-8x16.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16.svg" class="bigTall tr"/>
|
||||
<image src="colors-8x16.svg" class="bigTall bl"/>
|
||||
<image src="colors-8x16.svg" class="bigTall tl"/>
|
||||
<image src="colors-8x16.svg" class="bigTall br"/>
|
||||
<image src="colors-8x16.svg" class="bigTall tc"/>
|
||||
<image src="colors-8x16.svg" class="bigTall cr"/>
|
||||
<image src="colors-8x16.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16.svg" class="small tr"/>
|
||||
<image src="colors-8x16.svg" class="small bl"/>
|
||||
<image src="colors-8x16.svg" class="small tl"/>
|
||||
<image src="colors-8x16.svg" class="small br"/>
|
||||
<image src="colors-8x16.svg" class="small tc"/>
|
||||
<image src="colors-8x16.svg" class="small cr"/>
|
||||
<image src="colors-8x16.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8-noSize.svg");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: contain;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide tr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide bl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide tl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide br"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide tc"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide cr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall tr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall bl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall tl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall br"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall tc"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall cr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8-noSize.svg" class="small tr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small bl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small tl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small br"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small tc"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small cr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16-noSize.svg");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: contain;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide tr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide bl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide tl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide br"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide tc"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide cr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall tr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall bl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall tl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall br"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall tc"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall cr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16-noSize.svg" class="small tr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small bl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small tl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small br"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small tc"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small cr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8-parDefault.svg");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: contain;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide tr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide bl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide tl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide br"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide tc"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide cr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall tr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall bl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall tl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall br"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall tc"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall cr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8-parDefault.svg" class="small tr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small bl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small tl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small br"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small tc"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small cr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16-parDefault.svg");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: contain;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide tr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide bl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide tl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide br"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide tc"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide cr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall tr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall bl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall tl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall br"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall tc"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall cr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16-parDefault.svg" class="small tr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small bl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small tl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small br"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small tc"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small cr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8.png");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: cover;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8.png" class="bigWide tr"/>
|
||||
<image src="colors-16x8.png" class="bigWide bl"/>
|
||||
<image src="colors-16x8.png" class="bigWide tl"/>
|
||||
<image src="colors-16x8.png" class="bigWide br"/>
|
||||
<image src="colors-16x8.png" class="bigWide tc"/>
|
||||
<image src="colors-16x8.png" class="bigWide cr"/>
|
||||
<image src="colors-16x8.png" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8.png" class="bigTall tr"/>
|
||||
<image src="colors-16x8.png" class="bigTall bl"/>
|
||||
<image src="colors-16x8.png" class="bigTall tl"/>
|
||||
<image src="colors-16x8.png" class="bigTall br"/>
|
||||
<image src="colors-16x8.png" class="bigTall tc"/>
|
||||
<image src="colors-16x8.png" class="bigTall cr"/>
|
||||
<image src="colors-16x8.png" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8.png" class="small tr"/>
|
||||
<image src="colors-16x8.png" class="small bl"/>
|
||||
<image src="colors-16x8.png" class="small tl"/>
|
||||
<image src="colors-16x8.png" class="small br"/>
|
||||
<image src="colors-16x8.png" class="small tc"/>
|
||||
<image src="colors-16x8.png" class="small cr"/>
|
||||
<image src="colors-16x8.png" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16.png");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: cover;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16.png" class="bigWide tr"/>
|
||||
<image src="colors-8x16.png" class="bigWide bl"/>
|
||||
<image src="colors-8x16.png" class="bigWide tl"/>
|
||||
<image src="colors-8x16.png" class="bigWide br"/>
|
||||
<image src="colors-8x16.png" class="bigWide tc"/>
|
||||
<image src="colors-8x16.png" class="bigWide cr"/>
|
||||
<image src="colors-8x16.png" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16.png" class="bigTall tr"/>
|
||||
<image src="colors-8x16.png" class="bigTall bl"/>
|
||||
<image src="colors-8x16.png" class="bigTall tl"/>
|
||||
<image src="colors-8x16.png" class="bigTall br"/>
|
||||
<image src="colors-8x16.png" class="bigTall tc"/>
|
||||
<image src="colors-8x16.png" class="bigTall cr"/>
|
||||
<image src="colors-8x16.png" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16.png" class="small tr"/>
|
||||
<image src="colors-8x16.png" class="small bl"/>
|
||||
<image src="colors-8x16.png" class="small tl"/>
|
||||
<image src="colors-8x16.png" class="small br"/>
|
||||
<image src="colors-8x16.png" class="small tc"/>
|
||||
<image src="colors-8x16.png" class="small cr"/>
|
||||
<image src="colors-8x16.png" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8.svg");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: cover;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8.svg" class="bigWide tr"/>
|
||||
<image src="colors-16x8.svg" class="bigWide bl"/>
|
||||
<image src="colors-16x8.svg" class="bigWide tl"/>
|
||||
<image src="colors-16x8.svg" class="bigWide br"/>
|
||||
<image src="colors-16x8.svg" class="bigWide tc"/>
|
||||
<image src="colors-16x8.svg" class="bigWide cr"/>
|
||||
<image src="colors-16x8.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8.svg" class="bigTall tr"/>
|
||||
<image src="colors-16x8.svg" class="bigTall bl"/>
|
||||
<image src="colors-16x8.svg" class="bigTall tl"/>
|
||||
<image src="colors-16x8.svg" class="bigTall br"/>
|
||||
<image src="colors-16x8.svg" class="bigTall tc"/>
|
||||
<image src="colors-16x8.svg" class="bigTall cr"/>
|
||||
<image src="colors-16x8.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8.svg" class="small tr"/>
|
||||
<image src="colors-16x8.svg" class="small bl"/>
|
||||
<image src="colors-16x8.svg" class="small tl"/>
|
||||
<image src="colors-16x8.svg" class="small br"/>
|
||||
<image src="colors-16x8.svg" class="small tc"/>
|
||||
<image src="colors-16x8.svg" class="small cr"/>
|
||||
<image src="colors-16x8.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16.svg");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: cover;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16.svg" class="bigWide tr"/>
|
||||
<image src="colors-8x16.svg" class="bigWide bl"/>
|
||||
<image src="colors-8x16.svg" class="bigWide tl"/>
|
||||
<image src="colors-8x16.svg" class="bigWide br"/>
|
||||
<image src="colors-8x16.svg" class="bigWide tc"/>
|
||||
<image src="colors-8x16.svg" class="bigWide cr"/>
|
||||
<image src="colors-8x16.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16.svg" class="bigTall tr"/>
|
||||
<image src="colors-8x16.svg" class="bigTall bl"/>
|
||||
<image src="colors-8x16.svg" class="bigTall tl"/>
|
||||
<image src="colors-8x16.svg" class="bigTall br"/>
|
||||
<image src="colors-8x16.svg" class="bigTall tc"/>
|
||||
<image src="colors-8x16.svg" class="bigTall cr"/>
|
||||
<image src="colors-8x16.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16.svg" class="small tr"/>
|
||||
<image src="colors-8x16.svg" class="small bl"/>
|
||||
<image src="colors-8x16.svg" class="small tl"/>
|
||||
<image src="colors-8x16.svg" class="small br"/>
|
||||
<image src="colors-8x16.svg" class="small tc"/>
|
||||
<image src="colors-8x16.svg" class="small cr"/>
|
||||
<image src="colors-8x16.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8-noSize.svg");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: cover;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide tr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide bl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide tl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide br"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide tc"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide cr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall tr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall bl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall tl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall br"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall tc"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall cr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8-noSize.svg" class="small tr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small bl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small tl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small br"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small tc"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small cr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16-noSize.svg");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: cover;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide tr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide bl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide tl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide br"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide tc"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide cr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall tr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall bl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall tl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall br"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall tc"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall cr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16-noSize.svg" class="small tr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small bl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small tl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small br"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small tc"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small cr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8-parDefault.svg");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: cover;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide tr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide bl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide tl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide br"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide tc"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide cr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall tr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall bl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall tl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall br"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall tc"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall cr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8-parDefault.svg" class="small tr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small bl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small tl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small br"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small tc"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small cr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16-parDefault.svg");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: cover;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide tr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide bl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide tl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide br"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide tc"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide cr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall tr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall bl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall tl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall br"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall tc"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall cr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16-parDefault.svg" class="small tr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small bl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small tl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small br"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small tc"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small cr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: fill;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8.png" class="bigWide tr"/>
|
||||
<image src="colors-16x8.png" class="bigWide bl"/>
|
||||
<image src="colors-16x8.png" class="bigWide tl"/>
|
||||
<image src="colors-16x8.png" class="bigWide br"/>
|
||||
<image src="colors-16x8.png" class="bigWide tc"/>
|
||||
<image src="colors-16x8.png" class="bigWide cr"/>
|
||||
<image src="colors-16x8.png" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8.png" class="bigTall tr"/>
|
||||
<image src="colors-16x8.png" class="bigTall bl"/>
|
||||
<image src="colors-16x8.png" class="bigTall tl"/>
|
||||
<image src="colors-16x8.png" class="bigTall br"/>
|
||||
<image src="colors-16x8.png" class="bigTall tc"/>
|
||||
<image src="colors-16x8.png" class="bigTall cr"/>
|
||||
<image src="colors-16x8.png" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8.png" class="small tr"/>
|
||||
<image src="colors-16x8.png" class="small bl"/>
|
||||
<image src="colors-16x8.png" class="small tl"/>
|
||||
<image src="colors-16x8.png" class="small br"/>
|
||||
<image src="colors-16x8.png" class="small tc"/>
|
||||
<image src="colors-16x8.png" class="small cr"/>
|
||||
<image src="colors-16x8.png" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: fill;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16.png" class="bigWide tr"/>
|
||||
<image src="colors-8x16.png" class="bigWide bl"/>
|
||||
<image src="colors-8x16.png" class="bigWide tl"/>
|
||||
<image src="colors-8x16.png" class="bigWide br"/>
|
||||
<image src="colors-8x16.png" class="bigWide tc"/>
|
||||
<image src="colors-8x16.png" class="bigWide cr"/>
|
||||
<image src="colors-8x16.png" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16.png" class="bigTall tr"/>
|
||||
<image src="colors-8x16.png" class="bigTall bl"/>
|
||||
<image src="colors-8x16.png" class="bigTall tl"/>
|
||||
<image src="colors-8x16.png" class="bigTall br"/>
|
||||
<image src="colors-8x16.png" class="bigTall tc"/>
|
||||
<image src="colors-8x16.png" class="bigTall cr"/>
|
||||
<image src="colors-8x16.png" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16.png" class="small tr"/>
|
||||
<image src="colors-8x16.png" class="small bl"/>
|
||||
<image src="colors-8x16.png" class="small tl"/>
|
||||
<image src="colors-8x16.png" class="small br"/>
|
||||
<image src="colors-8x16.png" class="small tc"/>
|
||||
<image src="colors-8x16.png" class="small cr"/>
|
||||
<image src="colors-8x16.png" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8.svg");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: fill;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8.svg" class="bigWide tr"/>
|
||||
<image src="colors-16x8.svg" class="bigWide bl"/>
|
||||
<image src="colors-16x8.svg" class="bigWide tl"/>
|
||||
<image src="colors-16x8.svg" class="bigWide br"/>
|
||||
<image src="colors-16x8.svg" class="bigWide tc"/>
|
||||
<image src="colors-16x8.svg" class="bigWide cr"/>
|
||||
<image src="colors-16x8.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8.svg" class="bigTall tr"/>
|
||||
<image src="colors-16x8.svg" class="bigTall bl"/>
|
||||
<image src="colors-16x8.svg" class="bigTall tl"/>
|
||||
<image src="colors-16x8.svg" class="bigTall br"/>
|
||||
<image src="colors-16x8.svg" class="bigTall tc"/>
|
||||
<image src="colors-16x8.svg" class="bigTall cr"/>
|
||||
<image src="colors-16x8.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8.svg" class="small tr"/>
|
||||
<image src="colors-16x8.svg" class="small bl"/>
|
||||
<image src="colors-16x8.svg" class="small tl"/>
|
||||
<image src="colors-16x8.svg" class="small br"/>
|
||||
<image src="colors-16x8.svg" class="small tc"/>
|
||||
<image src="colors-16x8.svg" class="small cr"/>
|
||||
<image src="colors-16x8.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16.svg");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: fill;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16.svg" class="bigWide tr"/>
|
||||
<image src="colors-8x16.svg" class="bigWide bl"/>
|
||||
<image src="colors-8x16.svg" class="bigWide tl"/>
|
||||
<image src="colors-8x16.svg" class="bigWide br"/>
|
||||
<image src="colors-8x16.svg" class="bigWide tc"/>
|
||||
<image src="colors-8x16.svg" class="bigWide cr"/>
|
||||
<image src="colors-8x16.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16.svg" class="bigTall tr"/>
|
||||
<image src="colors-8x16.svg" class="bigTall bl"/>
|
||||
<image src="colors-8x16.svg" class="bigTall tl"/>
|
||||
<image src="colors-8x16.svg" class="bigTall br"/>
|
||||
<image src="colors-8x16.svg" class="bigTall tc"/>
|
||||
<image src="colors-8x16.svg" class="bigTall cr"/>
|
||||
<image src="colors-8x16.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16.svg" class="small tr"/>
|
||||
<image src="colors-8x16.svg" class="small bl"/>
|
||||
<image src="colors-8x16.svg" class="small tl"/>
|
||||
<image src="colors-8x16.svg" class="small br"/>
|
||||
<image src="colors-8x16.svg" class="small tc"/>
|
||||
<image src="colors-8x16.svg" class="small cr"/>
|
||||
<image src="colors-8x16.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8-noSize.svg");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: fill;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide tr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide bl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide tl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide br"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide tc"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide cr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall tr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall bl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall tl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall br"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall tc"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall cr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8-noSize.svg" class="small tr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small bl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small tl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small br"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small tc"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small cr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16-noSize.svg");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: fill;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide tr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide bl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide tl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide br"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide tc"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide cr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall tr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall bl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall tl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall br"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall tc"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall cr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16-noSize.svg" class="small tr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small bl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small tl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small br"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small tc"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small cr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8-parDefault.svg");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: fill;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide tr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide bl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide tl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide br"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide tc"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide cr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall tr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall bl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall tl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall br"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall tc"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall cr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8-parDefault.svg" class="small tr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small bl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small tl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small br"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small tc"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small cr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16-parDefault.svg");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: fill;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide tr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide bl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide tl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide br"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide tc"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide cr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall tr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall bl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall tl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall br"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall tc"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall cr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16-parDefault.svg" class="small tr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small bl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small tl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small br"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small tc"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small cr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8.png");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: none;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8.png" class="bigWide tr"/>
|
||||
<image src="colors-16x8.png" class="bigWide bl"/>
|
||||
<image src="colors-16x8.png" class="bigWide tl"/>
|
||||
<image src="colors-16x8.png" class="bigWide br"/>
|
||||
<image src="colors-16x8.png" class="bigWide tc"/>
|
||||
<image src="colors-16x8.png" class="bigWide cr"/>
|
||||
<image src="colors-16x8.png" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8.png" class="bigTall tr"/>
|
||||
<image src="colors-16x8.png" class="bigTall bl"/>
|
||||
<image src="colors-16x8.png" class="bigTall tl"/>
|
||||
<image src="colors-16x8.png" class="bigTall br"/>
|
||||
<image src="colors-16x8.png" class="bigTall tc"/>
|
||||
<image src="colors-16x8.png" class="bigTall cr"/>
|
||||
<image src="colors-16x8.png" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8.png" class="small tr"/>
|
||||
<image src="colors-16x8.png" class="small bl"/>
|
||||
<image src="colors-16x8.png" class="small tl"/>
|
||||
<image src="colors-16x8.png" class="small br"/>
|
||||
<image src="colors-16x8.png" class="small tc"/>
|
||||
<image src="colors-16x8.png" class="small cr"/>
|
||||
<image src="colors-16x8.png" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16.png");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: none;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16.png" class="bigWide tr"/>
|
||||
<image src="colors-8x16.png" class="bigWide bl"/>
|
||||
<image src="colors-8x16.png" class="bigWide tl"/>
|
||||
<image src="colors-8x16.png" class="bigWide br"/>
|
||||
<image src="colors-8x16.png" class="bigWide tc"/>
|
||||
<image src="colors-8x16.png" class="bigWide cr"/>
|
||||
<image src="colors-8x16.png" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16.png" class="bigTall tr"/>
|
||||
<image src="colors-8x16.png" class="bigTall bl"/>
|
||||
<image src="colors-8x16.png" class="bigTall tl"/>
|
||||
<image src="colors-8x16.png" class="bigTall br"/>
|
||||
<image src="colors-8x16.png" class="bigTall tc"/>
|
||||
<image src="colors-8x16.png" class="bigTall cr"/>
|
||||
<image src="colors-8x16.png" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16.png" class="small tr"/>
|
||||
<image src="colors-8x16.png" class="small bl"/>
|
||||
<image src="colors-8x16.png" class="small tl"/>
|
||||
<image src="colors-8x16.png" class="small br"/>
|
||||
<image src="colors-8x16.png" class="small tc"/>
|
||||
<image src="colors-8x16.png" class="small cr"/>
|
||||
<image src="colors-8x16.png" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8.svg");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8.svg" class="bigWide tr"/>
|
||||
<image src="colors-16x8.svg" class="bigWide bl"/>
|
||||
<image src="colors-16x8.svg" class="bigWide tl"/>
|
||||
<image src="colors-16x8.svg" class="bigWide br"/>
|
||||
<image src="colors-16x8.svg" class="bigWide tc"/>
|
||||
<image src="colors-16x8.svg" class="bigWide cr"/>
|
||||
<image src="colors-16x8.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8.svg" class="bigTall tr"/>
|
||||
<image src="colors-16x8.svg" class="bigTall bl"/>
|
||||
<image src="colors-16x8.svg" class="bigTall tl"/>
|
||||
<image src="colors-16x8.svg" class="bigTall br"/>
|
||||
<image src="colors-16x8.svg" class="bigTall tc"/>
|
||||
<image src="colors-16x8.svg" class="bigTall cr"/>
|
||||
<image src="colors-16x8.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8.svg" class="small tr"/>
|
||||
<image src="colors-16x8.svg" class="small bl"/>
|
||||
<image src="colors-16x8.svg" class="small tl"/>
|
||||
<image src="colors-16x8.svg" class="small br"/>
|
||||
<image src="colors-16x8.svg" class="small tc"/>
|
||||
<image src="colors-16x8.svg" class="small cr"/>
|
||||
<image src="colors-16x8.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16.svg");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16.svg" class="bigWide tr"/>
|
||||
<image src="colors-8x16.svg" class="bigWide bl"/>
|
||||
<image src="colors-8x16.svg" class="bigWide tl"/>
|
||||
<image src="colors-8x16.svg" class="bigWide br"/>
|
||||
<image src="colors-8x16.svg" class="bigWide tc"/>
|
||||
<image src="colors-8x16.svg" class="bigWide cr"/>
|
||||
<image src="colors-8x16.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16.svg" class="bigTall tr"/>
|
||||
<image src="colors-8x16.svg" class="bigTall bl"/>
|
||||
<image src="colors-8x16.svg" class="bigTall tl"/>
|
||||
<image src="colors-8x16.svg" class="bigTall br"/>
|
||||
<image src="colors-8x16.svg" class="bigTall tc"/>
|
||||
<image src="colors-8x16.svg" class="bigTall cr"/>
|
||||
<image src="colors-8x16.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16.svg" class="small tr"/>
|
||||
<image src="colors-8x16.svg" class="small bl"/>
|
||||
<image src="colors-8x16.svg" class="small tl"/>
|
||||
<image src="colors-8x16.svg" class="small br"/>
|
||||
<image src="colors-8x16.svg" class="small tc"/>
|
||||
<image src="colors-8x16.svg" class="small cr"/>
|
||||
<image src="colors-8x16.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8-noSize.svg");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide tr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide bl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide tl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide br"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide tc"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide cr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall tr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall bl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall tl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall br"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall tc"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall cr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8-noSize.svg" class="small tr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small bl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small tl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small br"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small tc"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small cr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16-noSize.svg");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide tr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide bl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide tl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide br"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide tc"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide cr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall tr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall bl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall tl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall br"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall tc"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall cr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16-noSize.svg" class="small tr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small bl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small tl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small br"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small tc"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small cr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8-parDefault.svg");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide tr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide bl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide tl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide br"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide tc"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide cr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall tr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall bl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall tl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall br"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall tc"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall cr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8-parDefault.svg" class="small tr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small bl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small tl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small br"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small tc"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small cr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16-parDefault.svg");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide tr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide bl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide tl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide br"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide tc"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide cr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall tr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall bl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall tl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall br"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall tc"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall cr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16-parDefault.svg" class="small tr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small bl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small tl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small br"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small tc"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small cr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,78 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8.png");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
}
|
||||
.objectOuter > .small { background-size: contain; }
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: scale-down;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8.png" class="bigWide tr"/>
|
||||
<image src="colors-16x8.png" class="bigWide bl"/>
|
||||
<image src="colors-16x8.png" class="bigWide tl"/>
|
||||
<image src="colors-16x8.png" class="bigWide br"/>
|
||||
<image src="colors-16x8.png" class="bigWide tc"/>
|
||||
<image src="colors-16x8.png" class="bigWide cr"/>
|
||||
<image src="colors-16x8.png" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8.png" class="bigTall tr"/>
|
||||
<image src="colors-16x8.png" class="bigTall bl"/>
|
||||
<image src="colors-16x8.png" class="bigTall tl"/>
|
||||
<image src="colors-16x8.png" class="bigTall br"/>
|
||||
<image src="colors-16x8.png" class="bigTall tc"/>
|
||||
<image src="colors-16x8.png" class="bigTall cr"/>
|
||||
<image src="colors-16x8.png" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8.png" class="small tr"/>
|
||||
<image src="colors-16x8.png" class="small bl"/>
|
||||
<image src="colors-16x8.png" class="small tl"/>
|
||||
<image src="colors-16x8.png" class="small br"/>
|
||||
<image src="colors-16x8.png" class="small tc"/>
|
||||
<image src="colors-16x8.png" class="small cr"/>
|
||||
<image src="colors-16x8.png" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,78 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16.png");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
}
|
||||
.objectOuter > .small { background-size: contain; }
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: scale-down;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16.png" class="bigWide tr"/>
|
||||
<image src="colors-8x16.png" class="bigWide bl"/>
|
||||
<image src="colors-8x16.png" class="bigWide tl"/>
|
||||
<image src="colors-8x16.png" class="bigWide br"/>
|
||||
<image src="colors-8x16.png" class="bigWide tc"/>
|
||||
<image src="colors-8x16.png" class="bigWide cr"/>
|
||||
<image src="colors-8x16.png" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16.png" class="bigTall tr"/>
|
||||
<image src="colors-8x16.png" class="bigTall bl"/>
|
||||
<image src="colors-8x16.png" class="bigTall tl"/>
|
||||
<image src="colors-8x16.png" class="bigTall br"/>
|
||||
<image src="colors-8x16.png" class="bigTall tc"/>
|
||||
<image src="colors-8x16.png" class="bigTall cr"/>
|
||||
<image src="colors-8x16.png" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16.png" class="small tr"/>
|
||||
<image src="colors-8x16.png" class="small bl"/>
|
||||
<image src="colors-8x16.png" class="small tl"/>
|
||||
<image src="colors-8x16.png" class="small br"/>
|
||||
<image src="colors-8x16.png" class="small tc"/>
|
||||
<image src="colors-8x16.png" class="small cr"/>
|
||||
<image src="colors-8x16.png" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8.svg");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.objectOuter > .small { background-size: contain; }
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: scale-down;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8.svg" class="bigWide tr"/>
|
||||
<image src="colors-16x8.svg" class="bigWide bl"/>
|
||||
<image src="colors-16x8.svg" class="bigWide tl"/>
|
||||
<image src="colors-16x8.svg" class="bigWide br"/>
|
||||
<image src="colors-16x8.svg" class="bigWide tc"/>
|
||||
<image src="colors-16x8.svg" class="bigWide cr"/>
|
||||
<image src="colors-16x8.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8.svg" class="bigTall tr"/>
|
||||
<image src="colors-16x8.svg" class="bigTall bl"/>
|
||||
<image src="colors-16x8.svg" class="bigTall tl"/>
|
||||
<image src="colors-16x8.svg" class="bigTall br"/>
|
||||
<image src="colors-16x8.svg" class="bigTall tc"/>
|
||||
<image src="colors-16x8.svg" class="bigTall cr"/>
|
||||
<image src="colors-16x8.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8.svg" class="small tr"/>
|
||||
<image src="colors-16x8.svg" class="small bl"/>
|
||||
<image src="colors-16x8.svg" class="small tl"/>
|
||||
<image src="colors-16x8.svg" class="small br"/>
|
||||
<image src="colors-16x8.svg" class="small tc"/>
|
||||
<image src="colors-16x8.svg" class="small cr"/>
|
||||
<image src="colors-16x8.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16.svg");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.objectOuter > .small { background-size: contain; }
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: scale-down;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16.svg" class="bigWide tr"/>
|
||||
<image src="colors-8x16.svg" class="bigWide bl"/>
|
||||
<image src="colors-8x16.svg" class="bigWide tl"/>
|
||||
<image src="colors-8x16.svg" class="bigWide br"/>
|
||||
<image src="colors-8x16.svg" class="bigWide tc"/>
|
||||
<image src="colors-8x16.svg" class="bigWide cr"/>
|
||||
<image src="colors-8x16.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16.svg" class="bigTall tr"/>
|
||||
<image src="colors-8x16.svg" class="bigTall bl"/>
|
||||
<image src="colors-8x16.svg" class="bigTall tl"/>
|
||||
<image src="colors-8x16.svg" class="bigTall br"/>
|
||||
<image src="colors-8x16.svg" class="bigTall tc"/>
|
||||
<image src="colors-8x16.svg" class="bigTall cr"/>
|
||||
<image src="colors-8x16.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16.svg" class="small tr"/>
|
||||
<image src="colors-8x16.svg" class="small bl"/>
|
||||
<image src="colors-8x16.svg" class="small tl"/>
|
||||
<image src="colors-8x16.svg" class="small br"/>
|
||||
<image src="colors-8x16.svg" class="small tc"/>
|
||||
<image src="colors-8x16.svg" class="small cr"/>
|
||||
<image src="colors-8x16.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8-noSize.svg");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.objectOuter > .small { background-size: contain; }
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: scale-down;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide tr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide bl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide tl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide br"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide tc"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide cr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall tr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall bl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall tl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall br"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall tc"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall cr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8-noSize.svg" class="small tr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small bl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small tl"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small br"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small tc"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small cr"/>
|
||||
<image src="colors-16x8-noSize.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16-noSize.svg");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.objectOuter > .small { background-size: contain; }
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: scale-down;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide tr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide bl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide tl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide br"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide tc"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide cr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall tr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall bl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall tl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall br"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall tc"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall cr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16-noSize.svg" class="small tr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small bl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small tl"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small br"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small tc"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small cr"/>
|
||||
<image src="colors-8x16-noSize.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-16x8-parDefault.svg");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.objectOuter > .small { background-size: contain; }
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: scale-down;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide tr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide bl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide tl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide br"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide tc"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide cr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall tr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall bl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall tl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall br"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall tc"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall cr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-16x8-parDefault.svg" class="small tr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small bl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small tl"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small br"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small tc"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small cr"/>
|
||||
<image src="colors-16x8-parDefault.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
.objectOuter {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
float: left;
|
||||
}
|
||||
.objectOuter > * {
|
||||
background-image: url("colors-8x16-parDefault.svg");
|
||||
background-size: auto auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.objectOuter > .small { background-size: contain; }
|
||||
.bigWide {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 32px;
|
||||
height: 48px;
|
||||
}
|
||||
.small {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { background-position: top right }
|
||||
.bl { background-position: bottom left }
|
||||
.tl { background-position: top 25% left 25% }
|
||||
.br { background-position: bottom 1px right 2px }
|
||||
|
||||
.tc { background-position: top 3px center }
|
||||
.cr { background-position: center right 25% }
|
||||
.default { background-position: 50% 50% }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- big/wide: -->
|
||||
<div class="objectOuter"><div class="bigWide tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide br"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigWide default"></div></div>
|
||||
<br>
|
||||
<!-- big/tall: -->
|
||||
<div class="objectOuter"><div class="bigTall tr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall bl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tl"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall br"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall tc"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall cr"></div></div>
|
||||
<div class="objectOuter"><div class="bigTall default"></div></div>
|
||||
<br>
|
||||
<!-- small: -->
|
||||
<div class="objectOuter"><div class="small tr"></div></div>
|
||||
<div class="objectOuter"><div class="small bl"></div></div>
|
||||
<div class="objectOuter"><div class="small tl"></div></div>
|
||||
<div class="objectOuter"><div class="small br"></div></div>
|
||||
<div class="objectOuter"><div class="small tc"></div></div>
|
||||
<div class="objectOuter"><div class="small cr"></div></div>
|
||||
<div class="objectOuter"><div class="small default"></div></div>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
border: 1px dashed gray;
|
||||
padding: 1px;
|
||||
object-fit: scale-down;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigWide {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
}
|
||||
.bigTall {
|
||||
width: 36px;
|
||||
height: 52px;
|
||||
}
|
||||
.small {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
br { clear: both; }
|
||||
|
||||
.tr { object-position: top right }
|
||||
.bl { object-position: bottom left }
|
||||
.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% }
|
||||
]]></style>
|
||||
<hbox>
|
||||
<!-- big/wide: -->
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide tr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide bl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide tl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide br"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide tc"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide cr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigWide"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- big/tall: -->
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall tr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall bl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall tl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall br"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall tc"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall cr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="bigTall"/>
|
||||
</hbox>
|
||||
<hbox>
|
||||
<!-- small: -->
|
||||
<image src="colors-8x16-parDefault.svg" class="small tr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small bl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small tl"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small br"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small tc"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small cr"/>
|
||||
<image src="colors-8x16-parDefault.svg" class="small"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
div {
|
||||
background: lightgray;
|
||||
margin-right: 2px;
|
||||
background-image: url("colors-16x8.png");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
float: left;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.op_y-7 { background-position: 50% -7% }
|
||||
.op_y13 { background-position: 50% 13% }
|
||||
.op_y23 { background-position: 50% 23% }
|
||||
.op_y50 { background-position: 50% 50% }
|
||||
.op_y75 { background-position: 50% 75% }
|
||||
.op_y88 { background-position: 50% 88% }
|
||||
.op_y111 { background-position: 50% 111% }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="op_y-7"></div>
|
||||
<div class="op_y13"></div>
|
||||
<div class="op_y23"></div>
|
||||
<div class="op_y50"></div>
|
||||
<div class="op_y75"></div>
|
||||
<div class="op_y88"></div>
|
||||
<div class="op_y111"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
background: lightgray;
|
||||
margin-right: 2px;
|
||||
object-fit: contain;
|
||||
float: left;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.op_y-7 { object-position: 50% -7% }
|
||||
.op_y13 { object-position: 50% 13% }
|
||||
.op_y23 { object-position: 50% 23% }
|
||||
.op_y50 { object-position: 50% 50% }
|
||||
.op_y75 { object-position: 50% 75% }
|
||||
.op_y88 { object-position: 50% 88% }
|
||||
.op_y111 { object-position: 50% 111% }
|
||||
|
||||
]]></style>
|
||||
<hbox>
|
||||
<image src="colors-16x8.png" class="op_y-7"/>
|
||||
<image src="colors-16x8.png" class="op_y13"/>
|
||||
<image src="colors-16x8.png" class="op_y23"/>
|
||||
<image src="colors-16x8.png" class="op_y50"/>
|
||||
<image src="colors-16x8.png" class="op_y75"/>
|
||||
<image src="colors-16x8.png" class="op_y88"/>
|
||||
<image src="colors-16x8.png" class="op_y111"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style type="text/css">
|
||||
div {
|
||||
background: lightgray;
|
||||
margin-right: 2px;
|
||||
background-image: url("colors-8x16.png");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
float: left;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.op_x-7 { background-position: -7% 50% }
|
||||
.op_x13 { background-position: 13% 50% }
|
||||
.op_x23 { background-position: 23% 50% }
|
||||
.op_x50 { background-position: 50% 50% }
|
||||
.op_x75 { background-position: 75% 50% }
|
||||
.op_x88 { background-position: 88% 50% }
|
||||
.op_x111 { background-position: 111% 50% }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="op_x-7"></div>
|
||||
<div class="op_x13"></div>
|
||||
<div class="op_x23"></div>
|
||||
<div class="op_x50"></div>
|
||||
<div class="op_x75"></div>
|
||||
<div class="op_x88"></div>
|
||||
<div class="op_x111"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
|
||||
window { padding: 8px; }
|
||||
image {
|
||||
background: lightgray;
|
||||
margin-right: 2px;
|
||||
object-fit: contain;
|
||||
float: left;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.op_x-7 { object-position: -7% 50% }
|
||||
.op_x13 { object-position: 13% 50% }
|
||||
.op_x23 { object-position: 23% 50% }
|
||||
.op_x50 { object-position: 50% 50% }
|
||||
.op_x75 { object-position: 75% 50% }
|
||||
.op_x88 { object-position: 88% 50% }
|
||||
.op_x111 { object-position: 111% 50% }
|
||||
|
||||
]]></style>
|
||||
<hbox>
|
||||
<image src="colors-8x16.png" class="op_x-7"/>
|
||||
<image src="colors-8x16.png" class="op_x13"/>
|
||||
<image src="colors-8x16.png" class="op_x23"/>
|
||||
<image src="colors-8x16.png" class="op_x50"/>
|
||||
<image src="colors-8x16.png" class="op_x75"/>
|
||||
<image src="colors-8x16.png" class="op_x88"/>
|
||||
<image src="colors-8x16.png" class="op_x111"/>
|
||||
</hbox>
|
||||
</window>
|
||||
|
|
@ -8,51 +8,3 @@ skip-if(cocoaWidget) skip-if((B2G&&browserIsRemote)||Mulet) == accesskey.xul acc
|
|||
fails-if(cocoaWidget) skip-if((B2G&&browserIsRemote)||Mulet) == tree-row-outline-1.xul tree-row-outline-1-ref.xul # Initial mulet triage: parity with B2G/B2G Desktop
|
||||
skip-if((B2G&&browserIsRemote)||Mulet) != tree-row-outline-1.xul tree-row-outline-1-notref.xul # Initial mulet triage: parity with B2G/B2G Desktop
|
||||
skip-if((B2G&&browserIsRemote)||Mulet) == text-small-caps-1.xul text-small-caps-1-ref.xul # Initial mulet triage: parity with B2G/B2G Desktop
|
||||
|
||||
# Tests for XUL <image> with 'object-fit' & 'object-position':
|
||||
# These tests should be very similar to tests in our w3c-css/submitted/images3
|
||||
# reftest directory. They live here because they use XUL, and it
|
||||
# wouldn't be fair of us to make a W3C testsuite implicitly depend on XUL.
|
||||
default-preferences test-pref(layout.css.object-fit-and-position.enabled,true)
|
||||
== object-fit-contain-png-001.xul object-fit-contain-png-001-ref.html
|
||||
== object-fit-contain-png-002.xul object-fit-contain-png-002-ref.html
|
||||
== object-fit-contain-svg-001.xul object-fit-contain-svg-001-ref.html
|
||||
== object-fit-contain-svg-002.xul object-fit-contain-svg-002-ref.html
|
||||
== object-fit-contain-svg-003.xul object-fit-contain-svg-003-ref.html
|
||||
== object-fit-contain-svg-004.xul object-fit-contain-svg-004-ref.html
|
||||
== object-fit-contain-svg-005.xul object-fit-contain-svg-005-ref.html
|
||||
== object-fit-contain-svg-006.xul object-fit-contain-svg-006-ref.html
|
||||
== object-fit-cover-png-001.xul object-fit-cover-png-001-ref.html
|
||||
== object-fit-cover-png-002.xul object-fit-cover-png-002-ref.html
|
||||
== object-fit-cover-svg-001.xul object-fit-cover-svg-001-ref.html
|
||||
== object-fit-cover-svg-002.xul object-fit-cover-svg-002-ref.html
|
||||
== object-fit-cover-svg-003.xul object-fit-cover-svg-003-ref.html
|
||||
== object-fit-cover-svg-004.xul object-fit-cover-svg-004-ref.html
|
||||
== object-fit-cover-svg-005.xul object-fit-cover-svg-005-ref.html
|
||||
== object-fit-cover-svg-006.xul object-fit-cover-svg-006-ref.html
|
||||
== object-fit-fill-png-001.xul object-fit-fill-png-001-ref.html
|
||||
== object-fit-fill-png-002.xul object-fit-fill-png-002-ref.html
|
||||
== object-fit-fill-svg-001.xul object-fit-fill-svg-001-ref.html
|
||||
== object-fit-fill-svg-002.xul object-fit-fill-svg-002-ref.html
|
||||
== object-fit-fill-svg-003.xul object-fit-fill-svg-003-ref.html
|
||||
== object-fit-fill-svg-004.xul object-fit-fill-svg-004-ref.html
|
||||
fails == object-fit-fill-svg-005.xul object-fit-fill-svg-005-ref.html # bug 1092436
|
||||
fails == object-fit-fill-svg-006.xul object-fit-fill-svg-006-ref.html # bug 1092436
|
||||
== object-fit-none-png-001.xul object-fit-none-png-001-ref.html
|
||||
== object-fit-none-png-002.xul object-fit-none-png-002-ref.html
|
||||
== object-fit-none-svg-001.xul object-fit-none-svg-001-ref.html
|
||||
== object-fit-none-svg-002.xul object-fit-none-svg-002-ref.html
|
||||
== object-fit-none-svg-003.xul object-fit-none-svg-003-ref.html
|
||||
== object-fit-none-svg-004.xul object-fit-none-svg-004-ref.html
|
||||
== object-fit-none-svg-005.xul object-fit-none-svg-005-ref.html
|
||||
== object-fit-none-svg-006.xul object-fit-none-svg-006-ref.html
|
||||
== object-fit-scale-down-png-001.xul object-fit-scale-down-png-001-ref.html
|
||||
== object-fit-scale-down-png-002.xul object-fit-scale-down-png-002-ref.html
|
||||
== object-fit-scale-down-svg-001.xul object-fit-scale-down-svg-001-ref.html
|
||||
== object-fit-scale-down-svg-002.xul object-fit-scale-down-svg-002-ref.html
|
||||
== object-fit-scale-down-svg-003.xul object-fit-scale-down-svg-003-ref.html
|
||||
== object-fit-scale-down-svg-004.xul object-fit-scale-down-svg-004-ref.html
|
||||
== object-fit-scale-down-svg-005.xul object-fit-scale-down-svg-005-ref.html
|
||||
== object-fit-scale-down-svg-006.xul object-fit-scale-down-svg-006-ref.html
|
||||
== object-position-png-001.xul object-position-png-001-ref.html
|
||||
== object-position-png-002.xul object-position-png-002-ref.html
|
||||
|
|
|
|||
|
|
@ -15,7 +15,6 @@
|
|||
#include "nsRenderingContext.h"
|
||||
#include "nsStyleContext.h"
|
||||
#include "nsStyleConsts.h"
|
||||
#include "nsStyleUtil.h"
|
||||
#include "nsCOMPtr.h"
|
||||
#include "nsPresContext.h"
|
||||
#include "nsBoxLayoutState.h"
|
||||
|
|
@ -52,7 +51,6 @@
|
|||
|
||||
#include "mozilla/BasicEvents.h"
|
||||
#include "mozilla/EventDispatcher.h"
|
||||
#include "mozilla/Maybe.h"
|
||||
|
||||
#define ONLOAD_CALLED_TOO_EARLY 1
|
||||
|
||||
|
|
@ -309,13 +307,6 @@ nsImageBoxFrame::BuildDisplayList(nsDisplayListBuilder* aBuilder,
|
|||
if (!IsVisibleForPainting(aBuilder))
|
||||
return;
|
||||
|
||||
uint32_t clipFlags =
|
||||
nsStyleUtil::ObjectPropsMightCauseOverflow(StylePosition()) ?
|
||||
0 : DisplayListClipState::ASSUME_DRAWING_RESTRICTED_TO_CONTENT_RECT;
|
||||
|
||||
DisplayListClipState::AutoClipContainingBlockDescendantsToContentBox
|
||||
clip(aBuilder, this, clipFlags);
|
||||
|
||||
nsDisplayList list;
|
||||
list.AppendNewToTop(
|
||||
new (aBuilder) nsDisplayXULImage(aBuilder, this));
|
||||
|
|
@ -330,10 +321,10 @@ nsImageBoxFrame::PaintImage(nsRenderingContext& aRenderingContext,
|
|||
const nsRect& aDirtyRect, nsPoint aPt,
|
||||
uint32_t aFlags)
|
||||
{
|
||||
nsRect constraintRect;
|
||||
GetClientRect(constraintRect);
|
||||
nsRect rect;
|
||||
GetClientRect(rect);
|
||||
|
||||
constraintRect += aPt;
|
||||
rect += aPt;
|
||||
|
||||
if (!mImageRequest) {
|
||||
// This probably means we're drawn by a native theme.
|
||||
|
|
@ -343,60 +334,24 @@ nsImageBoxFrame::PaintImage(nsRenderingContext& aRenderingContext,
|
|||
// don't draw if the image is not dirty
|
||||
// XXX(seth): Can this actually happen anymore?
|
||||
nsRect dirty;
|
||||
if (!dirty.IntersectRect(aDirtyRect, constraintRect)) {
|
||||
if (!dirty.IntersectRect(aDirtyRect, rect)) {
|
||||
return DrawResult::TEMPORARY_ERROR;
|
||||
}
|
||||
|
||||
nsCOMPtr<imgIContainer> imgCon;
|
||||
mImageRequest->GetImage(getter_AddRefs(imgCon));
|
||||
|
||||
if (!imgCon) {
|
||||
return DrawResult::NOT_READY;
|
||||
if (imgCon) {
|
||||
bool hasSubRect = !mUseSrcAttr && (mSubRect.width > 0 || mSubRect.height > 0);
|
||||
return
|
||||
nsLayoutUtils::DrawSingleImage(*aRenderingContext.ThebesContext(),
|
||||
PresContext(), imgCon,
|
||||
nsLayoutUtils::GetGraphicsFilterForFrame(this),
|
||||
rect, dirty, nullptr, aFlags, nullptr,
|
||||
hasSubRect ? &mSubRect : nullptr);
|
||||
}
|
||||
|
||||
bool hasSubRect = !mUseSrcAttr && (mSubRect.width > 0 || mSubRect.height > 0);
|
||||
|
||||
Maybe<nsPoint> anchorPoint;
|
||||
nsRect dest;
|
||||
if (!mUseSrcAttr) {
|
||||
// Our image (if we have one) is coming from the CSS property
|
||||
// 'list-style-image' (combined with '-moz-image-region'). For now, ignore
|
||||
// 'object-fit' & 'object-position' in this case, and just fill our rect.
|
||||
// XXXdholbert Should we even honor these properties in this case? They only
|
||||
// apply to replaced elements, and I'm not sure we count as a replaced
|
||||
// element when our image data is determined by CSS.
|
||||
dest = constraintRect;
|
||||
} else {
|
||||
// Determine dest rect based on intrinsic size & ratio, along with
|
||||
// 'object-fit' & 'object-position' properties:
|
||||
IntrinsicSize intrinsicSize;
|
||||
nsSize intrinsicRatio;
|
||||
if (mIntrinsicSize.width > 0 && mIntrinsicSize.height > 0) {
|
||||
// Image has a valid size; use it as intrinsic size & ratio.
|
||||
intrinsicSize.width.SetCoordValue(mIntrinsicSize.width);
|
||||
intrinsicSize.height.SetCoordValue(mIntrinsicSize.height);
|
||||
intrinsicRatio = mIntrinsicSize;
|
||||
} else {
|
||||
// Image doesn't have a (valid) intrinsic size.
|
||||
// Try to look up intrinsic ratio and use that at least.
|
||||
imgCon->GetIntrinsicRatio(&intrinsicRatio);
|
||||
}
|
||||
anchorPoint.emplace();
|
||||
dest = nsLayoutUtils::ComputeObjectDestRect(constraintRect,
|
||||
intrinsicSize,
|
||||
intrinsicRatio,
|
||||
StylePosition(),
|
||||
anchorPoint.ptr());
|
||||
}
|
||||
|
||||
|
||||
return nsLayoutUtils::DrawSingleImage(
|
||||
*aRenderingContext.ThebesContext(),
|
||||
PresContext(), imgCon,
|
||||
nsLayoutUtils::GetGraphicsFilterForFrame(this),
|
||||
dest, dirty, nullptr, aFlags,
|
||||
anchorPoint.ptrOr(nullptr),
|
||||
hasSubRect ? &mSubRect : nullptr);
|
||||
return DrawResult::NOT_READY;
|
||||
}
|
||||
|
||||
void nsDisplayXULImage::Paint(nsDisplayListBuilder* aBuilder,
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче