mirror of
https://github.com/servo/servo.git
synced 2025-06-24 17:14:33 +01:00
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
This commit is contained in:
parent
9aa1b1e408
commit
35c74aecc2
11290 changed files with 92400 additions and 49214 deletions
|
@ -33,7 +33,7 @@
|
|||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
@ -49,4 +49,5 @@
|
|||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -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>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
|
@ -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
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue