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)
|
@ -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
До Ширина: | Высота: | Размер: 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
До Ширина: | Высота: | Размер: 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
|
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) != 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
|
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 "nsRenderingContext.h"
|
||||||
#include "nsStyleContext.h"
|
#include "nsStyleContext.h"
|
||||||
#include "nsStyleConsts.h"
|
#include "nsStyleConsts.h"
|
||||||
#include "nsStyleUtil.h"
|
|
||||||
#include "nsCOMPtr.h"
|
#include "nsCOMPtr.h"
|
||||||
#include "nsPresContext.h"
|
#include "nsPresContext.h"
|
||||||
#include "nsBoxLayoutState.h"
|
#include "nsBoxLayoutState.h"
|
||||||
|
@ -52,7 +51,6 @@
|
||||||
|
|
||||||
#include "mozilla/BasicEvents.h"
|
#include "mozilla/BasicEvents.h"
|
||||||
#include "mozilla/EventDispatcher.h"
|
#include "mozilla/EventDispatcher.h"
|
||||||
#include "mozilla/Maybe.h"
|
|
||||||
|
|
||||||
#define ONLOAD_CALLED_TOO_EARLY 1
|
#define ONLOAD_CALLED_TOO_EARLY 1
|
||||||
|
|
||||||
|
@ -309,13 +307,6 @@ nsImageBoxFrame::BuildDisplayList(nsDisplayListBuilder* aBuilder,
|
||||||
if (!IsVisibleForPainting(aBuilder))
|
if (!IsVisibleForPainting(aBuilder))
|
||||||
return;
|
return;
|
||||||
|
|
||||||
uint32_t clipFlags =
|
|
||||||
nsStyleUtil::ObjectPropsMightCauseOverflow(StylePosition()) ?
|
|
||||||
0 : DisplayListClipState::ASSUME_DRAWING_RESTRICTED_TO_CONTENT_RECT;
|
|
||||||
|
|
||||||
DisplayListClipState::AutoClipContainingBlockDescendantsToContentBox
|
|
||||||
clip(aBuilder, this, clipFlags);
|
|
||||||
|
|
||||||
nsDisplayList list;
|
nsDisplayList list;
|
||||||
list.AppendNewToTop(
|
list.AppendNewToTop(
|
||||||
new (aBuilder) nsDisplayXULImage(aBuilder, this));
|
new (aBuilder) nsDisplayXULImage(aBuilder, this));
|
||||||
|
@ -330,10 +321,10 @@ nsImageBoxFrame::PaintImage(nsRenderingContext& aRenderingContext,
|
||||||
const nsRect& aDirtyRect, nsPoint aPt,
|
const nsRect& aDirtyRect, nsPoint aPt,
|
||||||
uint32_t aFlags)
|
uint32_t aFlags)
|
||||||
{
|
{
|
||||||
nsRect constraintRect;
|
nsRect rect;
|
||||||
GetClientRect(constraintRect);
|
GetClientRect(rect);
|
||||||
|
|
||||||
constraintRect += aPt;
|
rect += aPt;
|
||||||
|
|
||||||
if (!mImageRequest) {
|
if (!mImageRequest) {
|
||||||
// This probably means we're drawn by a native theme.
|
// 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
|
// don't draw if the image is not dirty
|
||||||
// XXX(seth): Can this actually happen anymore?
|
// XXX(seth): Can this actually happen anymore?
|
||||||
nsRect dirty;
|
nsRect dirty;
|
||||||
if (!dirty.IntersectRect(aDirtyRect, constraintRect)) {
|
if (!dirty.IntersectRect(aDirtyRect, rect)) {
|
||||||
return DrawResult::TEMPORARY_ERROR;
|
return DrawResult::TEMPORARY_ERROR;
|
||||||
}
|
}
|
||||||
|
|
||||||
nsCOMPtr<imgIContainer> imgCon;
|
nsCOMPtr<imgIContainer> imgCon;
|
||||||
mImageRequest->GetImage(getter_AddRefs(imgCon));
|
mImageRequest->GetImage(getter_AddRefs(imgCon));
|
||||||
|
|
||||||
if (!imgCon) {
|
if (imgCon) {
|
||||||
return DrawResult::NOT_READY;
|
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);
|
return DrawResult::NOT_READY;
|
||||||
|
|
||||||
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);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
void nsDisplayXULImage::Paint(nsDisplayListBuilder* aBuilder,
|
void nsDisplayXULImage::Paint(nsDisplayListBuilder* aBuilder,
|
||||||
|
|