Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef

This commit is contained in:
Ms2ger 2015-12-09 01:48:05 -05:00
parent 9aa1b1e408
commit 35c74aecc2
11290 changed files with 92400 additions and 49214 deletions

View file

@ -33,7 +33,7 @@
</style>
</head>
<body>
@ -49,4 +49,5 @@
</body></html>

View file

@ -3,7 +3,7 @@
<title>CSS Reftest Reference</title>
<link href="mailto:agektmr+github@gmail.com" rel="author" title="Eiji Kitamura">
<style type="text/css">
/* ADD STYLE BLOCK HERE (PREFERRABLE TO INLINE STYLES) */
div.flexbox {
height: 50px;
@ -16,12 +16,12 @@
background: purple;
border: 1px solid white;
}
</style>
</head>
<body>
<p>3 rectangular images fill out border.</p>
<!-- PAGE CONTENT -->
<div class="flexbox">
<!-- It is important that there is no linebreak between the <img> tags.
@ -29,7 +29,7 @@
-->
<img src="../support/solidblue.png"><img src="../support/solidblue.png"><img src="../support/solidblue.png">
</div>

View file

@ -3,7 +3,7 @@
<title>CSS Flexbox Test: flex-wrap: wrap</title>
<link href="mailto:tokuda109@gmail.com" rel="author" title="Tsuyoshi Tokuda">
<style type="text/css">
.box {
margin: 0;
padding-left: 0;
@ -16,7 +16,7 @@
height: 100px;
background-color: green;
}
</style>
</head>
<body>
@ -26,7 +26,7 @@
<li class="item">width: 120px</li>
<li class="item">width: 120px</li>
</ul>
</body></html>

View file

@ -17,16 +17,16 @@
line-height: 50px;
text-align: center;
}
.flex-container.flex-direction-row{
flex-direction : row;
}
.flex-container.flex-direction-row-reverse{
flex-direction : row-reverse;
}
.flex-container.flex-direction-column{
flex-direction : column;
}
@ -38,6 +38,7 @@
<body>
<h1>flex-direction:row</h1>
<div class="flex-container flex-direction-row" id="flex_container"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
</body></html>

View file

@ -25,23 +25,23 @@
.flex-container.flex-direction-row-reverse{
text-align: right;
}
.flex-container.flex-direction-column{
padding:20px 0px;
}
.flex-container.flex-direction-column .flex-item{
display: block;
margin:40px 20px;
}
.flex-container.flex-direction-column .flex-item.first{
margin-top:0px;
}
.flex-container.flex-direction-column .flex-item.last{
margin-bottom:0px;
}
.flex-container.flex-direction-column-reverse{
padding:20px 0px;
}
@ -50,7 +50,7 @@
display: block;
margin:40px 20px;
}
.flex-container.flex-direction-column-reverse .flex-item.first{
margin-top:0px;
}
@ -62,13 +62,13 @@
<body>
<h1>flex-direction:row</h1>
<div class="flex-container flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div><div class="flex-item">new</div></div>
<h1>flex-direction:row-reverse</h1>
<div class="flex-container flex-direction-row-reverse"><div class="flex-item">new</div><div class="flex-item">3</div><div class="flex-item">2</div><div class="flex-item">1</div></div>
<h1>flex-direction:column</h1>
<div class="flex-container flex-direction-column"><div class="flex-item first">1</div><div class="flex-item">2</div><div class="flex-item">3</div><div class="flex-item last">new</div></div>
<h1>flex-direction:column-reverse</h1>
<div class="flex-container flex-direction-column-reverse"><div class="flex-item first">new</div><div class="flex-item">3</div><div class="flex-item">2</div><div class="flex-item last">1</div></div>

View file

@ -25,23 +25,23 @@
.flex-container.flex-direction-row-reverse{
text-align: right;
}
.flex-container.flex-direction-column{
padding:20px 0px;
}
.flex-container.flex-direction-column .flex-item{
display: block;
margin:40px 20px;
}
.flex-container.flex-direction-column .flex-item.first{
margin-top:0px;
}
.flex-container.flex-direction-column .flex-item.last{
margin-bottom:0px;
}
.flex-container.flex-direction-column-reverse{
padding:20px 0px;
}
@ -50,7 +50,7 @@
display: block;
margin:40px 20px;
}
.flex-container.flex-direction-column-reverse .flex-item.first{
margin-top:0px;
}
@ -62,13 +62,13 @@
<body>
<h1>flex-direction:row</h1>
<div class="flex-container flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
<h1>flex-direction:row-reverse</h1>
<div class="flex-container flex-direction-row-reverse"><div class="flex-item">3</div><div class="flex-item">2</div><div class="flex-item">1</div></div>
<h1>flex-direction:column</h1>
<div class="flex-container flex-direction-column"><div class="flex-item first">1</div><div class="flex-item">2</div><div class="flex-item last">3</div></div>
<h1>flex-direction:column-reverse</h1>
<div class="flex-container flex-direction-column-reverse"><div class="flex-item first">3</div><div class="flex-item">2</div><div class="flex-item last">1</div></div>

View file

@ -4,7 +4,7 @@
<link href="mailto:csf178@gmail.com" rel="author" title="Shaofei Cheng">
<meta content="" name="flags">
<style>
#test
#test
{
background: blue;
display: block;
@ -12,16 +12,16 @@
position:relative;
}
#test>div.flex {
width: 100px;
width: 100px;
background:red;
}
#test>div.fixed
{
#test>div.fixed
{
height: 300px;
flex:1;
background:red;
}
#test p
#test p
{
margin:200px 0 0 0;
}

View file

@ -4,14 +4,14 @@
<link href="mailto:csf178@gmail.com" rel="author" title="Shaofei Cheng">
<meta content="" name="flags">
<style>
#test
#test
{
background: blue;
position:relative;
height:300px;
width:101px;
}
p
p
{
position:absolute;
margin:0 0 0 0;

View file

@ -5,19 +5,19 @@
<style type="text/css">
.container {
position: relative;
width: 200px;
height: 200px;
}
.item
{
position: absolute;
width: 100px;
height:100px;
}
.item.one
{
top: 0;
@ -59,4 +59,5 @@
</div>
</div>
</body></html>

View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html><head><title>PASS in body, black</title>
<link href="mailto:me@gsnedders.com" rel="author" title="Geoffrey Sneddon">
<style>
.PASS {color: black;}
</style>
</head><body class="PASS">PASS
</body></html>

View file

@ -3,7 +3,7 @@ CSS Orientation Test
Overview
----
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files
that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
Getting Involved
@ -15,7 +15,7 @@ Building
Pre-built font binaries
----
The installable font resources (font binaries) are not part of the source files.
The installable font resources (font binaries) are not part of the source files.
They are available at https://github.com/adobe-fonts/css-orientation-test/
The latest version of the font binaries is 1.005 (October 2015).
@ -23,17 +23,17 @@ The latest version of the font binaries is 1.005 (October 2015).
Requirements
----
For building binary font files from source, installation of the
[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO)
For building binary font files from source, installation of the
[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO)
is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
Building the fonts
----
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found
by executing *makeotf -h*.
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font
for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
% makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H

View file

@ -3,7 +3,7 @@
<title>CSS Flexible Box Test: flex-direction proprety - column</title>
<link href="mailto:haosdent@gmail.com" rel="author" title="haosdent">
<style type="text/css">
/* Positioned container allows for the self-describing statement to still
/* Positioned container allows for the self-describing statement to still
be visible in the case of failure */
.container {
position: relative;

View file

@ -3,7 +3,7 @@
<title>CSS Flexible Box Test: flex-direction proprety - column-reverse</title>
<link href="mailto:haosdent@gmail.com" rel="author" title="haosdent">
<style type="text/css">
/* Positioned container allows for the self-describing statement to still
/* Positioned container allows for the self-describing statement to still
be visible in the case of failure */
.container {
position: relative;

View file

@ -3,7 +3,7 @@
<title>CSS Flexible Box Test: display proprety - inline-flex</title>
<link href="mailto:haosdent@gmail.com" rel="author" title="haosdent">
<style type="text/css">
/* Positioned container allows for the self-describing statement to still
/* Positioned container allows for the self-describing statement to still
be visible in the case of failure */
.container {
position: relative;

View file

@ -3,7 +3,7 @@
<title>CSS Flexible Box Test: flex-wrap proprety - wrap</title>
<link href="mailto:haosdent@gmail.com" rel="author" title="haosdent">
<style type="text/css">
/* Positioned container allows for the self-describing statement to still
/* Positioned container allows for the self-describing statement to still
be visible in the case of failure */
.container {
position: relative;

View file

@ -3,7 +3,7 @@
<title>CSS Flexible Box Test: flex-wrap proprety - wrap-reverse</title>
<link href="mailto:haosdent@gmail.com" rel="author" title="haosdent">
<style type="text/css">
/* Positioned container allows for the self-describing statement to still
/* Positioned container allows for the self-describing statement to still
be visible in the case of failure */
.container {
position: relative;