Bug 880137 part 3: Give w3c-css flexbox reftests the necessary boilerplate headers with author info, reference, and placeholder test-title and "help" nodes (populated in next patch). rs=dbaron
authorDaniel Holbert <dholbert@cs.stanford.edu>
Thu, 06 Jun 2013 20:37:18 -0700
changeset 134325 98b4083befbbf8a05ad783a8a0eab69e36531cf8
parent 134324 8e82f9384070dcd9f26135723e6155110e2b0cb1
child 134326 dd81ecba7afdf66837f2a6e0fe8667fa498a529f
push id24791
push userryanvm@gmail.com
push dateFri, 07 Jun 2013 15:11:44 +0000
treeherdermozilla-central@6f32011a27ef [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdbaron
bugs880137
milestone24.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 880137 part 3: Give w3c-css flexbox reftests the necessary boilerplate headers with author info, reference, and placeholder test-title and "help" nodes (populated in next patch). rs=dbaron
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-baseline-horiz-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-baseline-horiz-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-1-block.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-1-table.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-2-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-2.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-3-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-3.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-4-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-4.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-5-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-5.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-2-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-2.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-3-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-3.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-4-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-4.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-2-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-2.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-3-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-3.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-4-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-4.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-horiz-1-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-horiz-1.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-vert-1-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-vert-1.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-empty-1-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-empty-1a.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-empty-1b.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-horiz-1-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-horiz-1.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-vert-1-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-vert-1.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-single-item-1-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-single-item-1a.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-single-item-1b.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-horiz-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-horiz-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-vert-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-vert-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-horiz-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-horiz-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-vert-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-vert-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-horiz-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-horiz-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-vert-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-vert-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-horiz-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-horiz-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-vert-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-vert-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-horiz-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-horiz-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-vert-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-vert-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-horiz-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-horiz-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-vert-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-vert-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-horiz-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-horiz-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-vert-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-vert-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-2-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-2.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-3-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-3.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-2-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-2.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-3-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-3.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-4-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-4.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-5-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-5.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-2-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-2.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-3-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-3.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-4-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-4.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-5-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-5.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-2-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-2.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-reverse-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-reverse.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-rtl-reverse.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-rtl.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-2-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-2a.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-2b.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3-reverse-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3-reverse.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-4-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-4.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-1-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-1.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-2-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-2.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-3-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-3.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-1-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-1.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-2-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-2.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-3-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-3.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-2-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-2.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-2-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-2.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-1.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-2-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-2.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-table-fixup-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-table-fixup-1a.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-table-fixup-1b.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-1-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-1a.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-1b.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-2-ref.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-2.xhtml
layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-1-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-1.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-2-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-2.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-3-ref.html
layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-3.html
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-baseline-horiz-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-baseline-horiz-1-ref.xhtml
@@ -9,16 +9,18 @@
      NOTE: For multi-line 'display: block' elements in the testcase (and inline
      content that gets wrapped in an anonymous block), we add an inline-table
      wrapper here in the reference case, so that we get first-line baseline
      alignment instead of the last-line baseline-alignment that an inline-block
      would give us.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .flexbox {
         display: block;
         border: 1px dashed blue;
         font: 14px sans-serif;
       }
 
       div   { display: inline-block; }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-baseline-horiz-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-baseline-horiz-1.xhtml
@@ -5,16 +5,20 @@
 -->
 <!-- Testcase for behavior of the 'baseline' value for align-items (and
      align-self, implicitly). This test baseline-aligns various types of
      content, and the flexbox's vertical size depends on the aggregate
      post-alignment height of its children.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-align-self-baseline-horiz-1-ref.xhtml"/>
     <style>
       .flexbox {
         display: flex;
         align-items: baseline;
         border: 1px dashed blue;
         font: 14px sans-serif;
       }
 
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-1-block.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-1-block.xhtml
@@ -2,16 +2,20 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase for align-items / align-self behavior, with all the possible
      values included on different items within a flex container. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-align-self-horiz-1-ref.xhtml"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         height: 200px;
         display: inline-flex;
         font-size: 10px;
         line-height: 10px;
 
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-1-ref.xhtml
@@ -3,16 +3,18 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case for align-items / align-self behavior, using floated divs
      in place of flex items and using margin-top in place of the align-items /
      align-self properties. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         height: 200px;
         width: 560px;
         font-size: 10px;
         line-height: 10px;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-1-table.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-1-table.xhtml
@@ -2,16 +2,20 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase for align-items / align-self behavior, with all the possible
      values included on different items within a flex container. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-align-self-horiz-1-ref.xhtml"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         height: 200px;
         display: inline-flex;
         font-size: 10px;
         line-height: 10px;
 
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-2-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-2-ref.xhtml
@@ -3,16 +3,18 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case for align-items / align-self behavior, using floated divs
      in place of flex items and using relative positioning in place of the
      align-items / align-self properties. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         height: 200px;
         display: inline-block;
         font-size: 10px;
         line-height: 10px;
         vertical-align: top;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-2.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-2.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase for align-items / align-self behavior, with all the possible
      values included on different items within a flex container, and with
      margin/border/padding values on each item. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-align-self-horiz-2-ref.xhtml"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         height: 200px;
         display: inline-flex;
         font-size: 10px;
         line-height: 10px;
         vertical-align: top;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-3-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-3-ref.xhtml
@@ -3,16 +3,18 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case for align-items / align-self behavior, using floated divs
      in place of flex items and using relative positioning in place of the
      align-items / align-self properties. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         padding: 3px;
         width: 560px;
         height: 4px;
         font-size: 10px;
         line-height: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-3.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-3.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase for align-items / align-self behavior, with all the possible
      values included on different items within a flex container, and with the
      flex container being shorter than its items. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-align-self-horiz-3-ref.xhtml"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         padding: 3px;
         height: 4px;
         display: inline-flex;
         font-size: 10px;
         line-height: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-4-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-4-ref.xhtml
@@ -3,16 +3,18 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case for align-items / align-self behavior, using floated divs
      in place of flex items and using relative positioning in place of the
      align-items / align-self properties. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         padding: 3px;
         height: 4px;
         display: inline-block;
         font-size: 10px;
         line-height: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-4.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-4.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase for align-items / align-self behavior, with all the possible
      values included on different items within a flex container, and with the
      flex container being shorter than its items. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-align-self-horiz-4-ref.xhtml"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         padding: 3px;
         height: 4px;
         display: inline-flex;
         font-size: 10px;
         line-height: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-5-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-5-ref.xhtml
@@ -3,16 +3,18 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case for align-items / align-self behavior with auto
      margins in play. This reference case uses fixed margin-top values
      in place of the testcase's auto margins. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         height: 140px;
         width: 400px;
         display: flex;
         font-size: 10px;
         line-height: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-5.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-5.xhtml
@@ -4,16 +4,20 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase for align-items / align-self behavior with auto margins in
      play (which should negate the effects of align-items / align-self,
      because there won't be any available space in which to align the item
      after the auto margins are resolved).  -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-align-self-horiz-5-ref.xhtml"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         height: 140px;
         width: 400px;
         display: flex;
         font-size: 10px;
         line-height: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-1-ref.xhtml
@@ -3,16 +3,18 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case for align-items / align-self behavior, using blocks in
      place of flex items and using float and width keywords to emulate the
      align-items / align-self properties. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 200px;
         font-size: 10px;
       }
 
       div.big {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-1.xhtml
@@ -2,16 +2,20 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase for align-items / align-self behavior, with all the possible
      values included on different items within a flex container. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-align-self-vert-1-ref.xhtml"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 200px;
         display: flex;
         flex-direction: column;
         font-size: 10px;
 
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-2-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-2-ref.xhtml
@@ -3,16 +3,18 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case for align-items / align-self behavior, using blocks in
      place of flex items and using float and width keywords to emulate the
      align-items / align-self properties. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 200px;
         float: left;
         font-size: 10px;
       }
 
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-2.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-2.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase for align-items / align-self behavior, with all the possible
      values included on different items within a flex container, and with
      margin/border/padding values on each item. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-align-self-vert-2-ref.xhtml"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 200px;
         display: flex;
         flex-direction: column;
         float: left;
         font-size: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-3-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-3-ref.xhtml
@@ -3,16 +3,18 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case for align-items / align-self behavior, using blocks in
      place of flex items and using float and width keywords to emulate the
      align-items / align-self properties. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 4px;
         font-family: sans-serif;
         font-size: 10px;
         margin-left: 80px;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-3.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-3.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase for align-items / align-self behavior, with all the possible
      values included on different items within a flex container, and with the
      flex container being skinnier than its items. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-align-self-vert-3-ref.xhtml"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 4px;
         display: flex;
         flex-direction: column;
         font-family: sans-serif;
         font-size: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-4-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-4-ref.xhtml
@@ -3,16 +3,18 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case for align-items / align-self behavior, using blocks in
      place of flex items and using float and width keywords to emulate the
      align-items / align-self properties. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 4px;
         float: left;
         font-family: sans-serif;
         font-size: 10px;
         margin-left: 80px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-4.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-4.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase for align-items / align-self behavior, with all the possible
      values included on different items within a flex container, and with the
      flex container being skinnier than its items. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-align-self-vert-4-ref.xhtml"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 4px;
         display: flex;
         flex-direction: column;
         float: left;
         font-family: sans-serif;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-1-ref.xhtml
@@ -4,16 +4,18 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case for align-items / align-self behavior in a vertical
      "direction: rtl" flex container, using blocks in place of flex items and
      using float and width keywords to emulate the align-items / align-self
      properties. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 200px;
         direction: rtl;
         font-family: sans-serif;
         font-size: 10px;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-1.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase for align-items / align-self behavior, with all the possible
      values included on different items within a flex container, and with
      "direction: rtl" to swap the horizontal (cross) axis. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-align-self-vert-rtl-1-ref.xhtml"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 200px;
         display: flex;
         flex-direction: column;
         direction: rtl;
         font-family: sans-serif;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-2-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-2-ref.xhtml
@@ -4,16 +4,18 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case for align-items / align-self behavior in a vertical
      "direction: rtl" flex container, using blocks in place of flex items and
      using float and width keywords to emulate the align-items / align-self
      properties. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 200px;
         float: left;
         direction: rtl;
         font-family: sans-serif;
         font-size: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-2.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-2.xhtml
@@ -4,16 +4,20 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase for align-items / align-self behavior, with all the possible
      values included on different items within a flex container, and with
      margin/border/padding values on each, and with "direction: rtl" to swap
      the horizontal (cross) axis item. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-align-self-vert-rtl-2-ref.xhtml"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 200px;
         display: flex;
         flex-direction: column;
         direction: rtl;
         float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-3-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-3-ref.xhtml
@@ -4,16 +4,18 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case for align-items / align-self behavior in a vertical
      "direction: rtl" flex container, using blocks in place of flex items and
      using float and width keywords to emulate the align-items / align-self
      properties. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 4px;
         font-family: sans-serif;
         direction: rtl;
         font-size: 10px;
         margin-left: 80px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-3.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-3.xhtml
@@ -4,16 +4,20 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase for align-items / align-self behavior, with all the possible
      values included on different items within a flex container, and with the
      flex container being skinnier than its items, and with "direction: rtl" to
      swap the horizontal (cross) axis. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-align-self-vert-rtl-3-ref.xhtml"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 4px;
         display: flex;
         flex-direction: column;
         direction: rtl;
         font-family: sans-serif;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-4-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-4-ref.xhtml
@@ -4,16 +4,18 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case for align-items / align-self behavior in a vertical
      "direction: rtl" flex container, using blocks in place of flex items and
      using float and width keywords to emulate the align-items / align-self
      properties. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 4px;
         float: left;
         direction: rtl;
         font-family: sans-serif;
         font-size: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-4.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-4.xhtml
@@ -4,16 +4,20 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase for align-items / align-self behavior, with all the possible
      values included on different items within a flex container, and with the
      flex container being skinnier than its items, and with "direction: rtl" to
      swap the horizontal (cross) axis. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-align-self-vert-rtl-4-ref.xhtml"/>
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 4px;
         display: flex;
         flex-direction: column;
         direction: rtl;
         float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-horiz-1-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-horiz-1-ref.html
@@ -4,16 +4,18 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case, using inline-block instead of inline-flex, and with the
      unaligned children taken out of baseline-alignment with
      "vertical-align:top".
 -->
 <html>
 <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <meta charset="utf-8">
   <style>
     body {
       margin: 0;
       font-size: 20px;
       line-height: 20px;
     }
     .flexContainer {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-horiz-1.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-horiz-1.html
@@ -7,16 +7,20 @@
      with several flex items, some of which have "align-self:baseline".  The
      spec says this about this case:
        If any of the flex items on the flex container's first line
        participate in baseline alignment, the flex container's
        main-axis baseline is the baseline of those flex items.
 -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-baseline-align-self-baseline-horiz-1-ref.html">
   <meta charset="utf-8">
   <style>
     body {
       margin: 0;
       font-size: 20px;
       line-height: 20px;
     }
     .flexContainer {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-vert-1-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-vert-1-ref.html
@@ -4,16 +4,18 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case, using inline-block instead of inline-flex, and with the
      unaligned children taken out of baseline-alignment with
      "vertical-align:top".
 -->
 <html>
 <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <meta charset="utf-8">
   <link rel="stylesheet" type="text/css" href="support/ahem.css" />
   <style>
     body {
       margin: 0;
       font: 20px Ahem;
       line-height: 20px;
       /* Baseline is 0.8em = 16px from top */
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-vert-1.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-vert-1.html
@@ -7,16 +7,20 @@
      several flex items, some of which have "align-self:baseline".  Since we're
      vertical and the items' baselines are horizontal, they do not end up
      participating in baseline alignment, so their "align-self:baseline"
      computed style doesn't have any special effect on the container's
      baseline.
 -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-baseline-align-self-baseline-vert-1-ref.html">
   <meta charset="utf-8">
   <link rel="stylesheet" type="text/css" href="support/ahem.css" />
   <style>
     body {
       margin: 0;
       font: 20px Ahem;
       line-height: 20px;
       /* Baseline is 0.8em = 16px from top */
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-empty-1-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-empty-1-ref.html
@@ -4,16 +4,18 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- In this reference case, we have inline-blocks instead of inline
      flex containers. We stick an Ahem whitespace character in each
      inline-block, with a customized line-height to make the baseline
      end up at the bottom of the inline-block's content-box. -->
 <html>
 <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <meta charset="utf-8">
   <link rel="stylesheet" type="text/css" href="support/ahem.css" />
   <style>
     body {
       font: 20px Ahem;
     }
     .flexContainer {
       display: inline-block;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-empty-1a.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-empty-1a.html
@@ -9,16 +9,20 @@
 
        The flex container's main-axis baseline is synthesized
        from ... the flex container's content box.
 
      I'm taking that to mean the baseline is the bottom of the content box.
 -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-baseline-empty-1-ref.html">
   <meta charset="utf-8">
   <link rel="stylesheet" type="text/css" href="support/ahem.css" />
   <style>
     body {
       font: 20px Ahem;
     }
     .flexContainer {
       display: inline-flex;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-empty-1b.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-empty-1b.html
@@ -9,16 +9,20 @@
 
        ...the flex container's cross-axis baseline is synthesized
        from ... the flex container's content box.
 
      I'm taking that to mean the baseline is the bottom of the content box.
 -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-baseline-empty-1-ref.html">
   <meta charset="utf-8">
   <link rel="stylesheet" type="text/css" href="support/ahem.css" />
   <style>
     body {
       font: 20px Ahem;
     }
     .flexContainer {
       display: inline-flex;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-horiz-1-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-horiz-1-ref.html
@@ -5,16 +5,18 @@
 -->
 <!-- Reference case, using inline-block instead of inline-flex, and with the
      baseline-aligned items aligned using specific font-size / line-heights,
      and with unaligned children taken out of baseline-alignment using
      "vertical-align:top".
 -->
 <html>
 <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <meta charset="utf-8">
   <style>
     .flexContainer {
       display: inline-block;
       background: lightblue;
     }
     .flexContainer > * { display: inline; }
     .smallFont {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-horiz-1.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-horiz-1.html
@@ -8,16 +8,20 @@
      spec says this about this case:
        ...if the flex container has at least one flex item, and its
        first flex item has a baseline parallel to the flex
        container's main axis, the flex container's main-axis
        baseline is that baseline.
 -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-baseline-multi-item-horiz-1-ref.html">
   <meta charset="utf-8">
   <style>
     .flexContainer {
       display: inline-flex;
       background: lightblue;
     }
     .smallFont {
       font-size: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-vert-1-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-vert-1-ref.html
@@ -4,16 +4,18 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case, using inline-block instead of inline-flex, and with the
      inline-blocks manually positioned with "vertical-align:top" and
      margin-top.
 -->
 <html>
 <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <meta charset="utf-8">
   <link rel="stylesheet" type="text/css" href="support/ahem.css" />
   <style>
     body {
       margin: 0;
       font: 20px Ahem;
       line-height: 20px;
       /* Baseline is 0.8em = 16px from top */
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-vert-1.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-vert-1.html
@@ -8,16 +8,20 @@
      spec says this about this case:
        ...if the flex container has at least one flex item, and its
        first flex item has a baseline parallel to the flex
        container's main axis, the flex container's main-axis
        baseline is that baseline.
 -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-baseline-multi-item-vert-1-ref.html">
   <meta charset="utf-8">
   <link rel="stylesheet" type="text/css" href="support/ahem.css" />
   <style>
     body {
       margin: 0;
       font: 20px Ahem;
       line-height: 20px;
       /* Baseline is 0.8em = 16px from top */
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-single-item-1-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-single-item-1-ref.html
@@ -1,16 +1,18 @@
 <!DOCTYPE html>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case, using inline-block instead of inline-flex. -->
 <html>
 <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <meta charset="utf-8">
   <style>
     .flexContainer {
       display: inline-block;
       height: 16px;
       width: 16px;
       background: purple;
       border: 0px dotted black;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-single-item-1a.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-single-item-1a.html
@@ -8,16 +8,20 @@
      about this case:
        ...if the flex container has at least one flex item, and its
        first flex item has a baseline parallel to the flex
        container's main axis, the flex container's main-axis
        baseline is that baseline.
 -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-baseline-single-item-1-ref.html">
   <meta charset="utf-8">
   <style>
     .flexContainer {
       display: inline-flex;
       height: 16px;
       width: 16px;
       background: purple;
       border: 0px dotted black;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-single-item-1b.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-single-item-1b.html
@@ -8,16 +8,20 @@
      about this case:
        If the flex container has at least one flex item, and its
        first flex item has a baseline parallel to the flex
        container's cross axis, the flex container's cross-axis
        baseline is that baseline.
 -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-baseline-single-item-1-ref.html">
   <meta charset="utf-8">
   <style>
     .flexContainer {
       display: inline-flex;
       flex-direction: column;
       height: 16px;
       width: 16px;
       background: purple;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-horiz-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-horiz-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div { height: 100px; }
       div.flexbox {
         border: 1px dashed blue;
         width: 200px;
       }
       div.a {
         display: inline-block;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-horiz-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-horiz-1.xhtml
@@ -2,16 +2,20 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with blocks as flex items in a horizontal flex container, with
      various "flex" values and various combinations of the items. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-basic-block-horiz-1-ref.xhtml"/>
     <style>
       div { height: 100px; }
       div.flexbox {
         border: 1px dashed blue;
         width: 200px;
         font-size: 10px;
         display: flex;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-vert-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-vert-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div { width: 50px; }
       div.flexbox {
         border: 1px dashed blue;
         float: left;
       }
       div.a {
         background: lightgreen;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-vert-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-vert-1.xhtml
@@ -2,16 +2,20 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with blocks as flex items in a vertical flex container, with
      various "flex" values and various combinations of the items. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-basic-block-vert-1-ref.xhtml"/>
     <style>
       div { width: 50px; }
       div.flexbox {
         float: left;
         border: 1px dashed blue;
         height: 200px;
         font-size: 10px;
         display: flex;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-horiz-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-horiz-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         width: 200px;
         background: lightgreen;
         margin-bottom: 5px;
         line-height: 8px;
       }
       canvas {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-horiz-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-horiz-1.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This test checks that canvas elements behave correctly as flex items.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-basic-canvas-horiz-1-ref.xhtml"/>
     <style>
       div.flexbox {
         width: 200px;
         background: lightgreen;
         display: flex;
         justify-content: space-between;
         margin-bottom: 5px;
         line-height: 8px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-vert-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-vert-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         height: 200px;
         width: 22px;
         float: left;
         margin-right: 10px;
         background: lightgreen;
         line-height: 0;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-vert-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-vert-1.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This test checks that canvas elements behave correctly as flex items.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-basic-canvas-vert-1-ref.xhtml"/>
     <style>
       div.flexbox {
         height: 200px;
         background: lightgreen;
         display: flex;
         justify-content: space-between;
         flex-direction: column;
         float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-horiz-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-horiz-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         width: 200px;
         background: lightgreen;
         margin-bottom: 5px;
         line-height: 8px;
         clear: all;
         height: 22px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-horiz-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-horiz-1.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This test checks that fieldset elements behave correctly as flex items.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-basic-fieldset-horiz-1-ref.xhtml"/>
     <style>
       div.flexbox {
         width: 200px;
         background: lightgreen;
         display: flex;
         justify-content: space-between;
         margin-bottom: 5px;
         line-height: 8px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-vert-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-vert-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         height: 200px;
         width: 22px;
         float: left;
         margin-right: 10px;
         background: lightgreen;
         line-height: 0;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-vert-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-vert-1.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This test checks that fieldset elements behave correctly as flex items.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-basic-fieldset-vert-1-ref.xhtml"/>
     <style>
       div.flexbox {
         height: 200px;
         background: lightgreen;
         display: flex;
         justify-content: space-between;
         flex-direction: column;
         float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-horiz-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-horiz-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         width: 200px;
         background: lightgreen;
         margin-bottom: 5px;
         line-height: 8px;
       }
       iframe {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-horiz-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-horiz-1.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This test checks that iframe elements behave correctly as flex items.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-basic-iframe-horiz-1-ref.xhtml"/>
     <style>
       div.flexbox {
         width: 200px;
         background: lightgreen;
         display: flex;
         justify-content: space-between;
         margin-bottom: 5px;
         line-height: 8px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-vert-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-vert-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         height: 200px;
         width: 22px;
         float: left;
         margin-right: 10px;
         background: lightgreen;
         line-height: 0;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-vert-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-vert-1.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This test checks that iframe elements behave correctly as flex items.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-basic-iframe-vert-1-ref.xhtml"/>
     <style>
       div.flexbox {
         height: 200px;
         background: lightgreen;
         display: flex;
         justify-content: space-between;
         flex-direction: column;
         float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-horiz-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-horiz-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         width: 200px;
         background: lightgreen;
         margin-bottom: 5px;
         line-height: 8px;
       }
       img {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-horiz-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-horiz-1.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This test checks that img elements behave correctly as flex items.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-basic-img-horiz-1-ref.xhtml"/>
     <style>
       div.flexbox {
         width: 200px;
         background: lightgreen;
         display: flex;
         justify-content: space-between;
         margin-bottom: 5px;
         line-height: 8px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-vert-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-vert-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         height: 200px;
         width: 22px;
         float: left;
         margin-right: 10px;
         background: lightgreen;
         line-height: 0;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-vert-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-vert-1.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This test checks that img elements behave correctly as flex items.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-basic-img-vert-1-ref.xhtml"/>
     <style>
       div.flexbox {
         height: 200px;
         background: lightgreen;
         display: flex;
         justify-content: space-between;
         flex-direction: column;
         float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-horiz-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-horiz-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         width: 200px;
         background: lightgreen;
         margin-bottom: 5px;
         line-height: 8px;
       }
       textarea {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-horiz-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-horiz-1.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This test checks that textarea elements behave correctly as flex items.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-basic-textarea-horiz-1-ref.xhtml"/>
     <style>
       div.flexbox {
         width: 200px;
         background: lightgreen;
         display: flex;
         justify-content: space-between;
         margin-bottom: 5px;
         line-height: 8px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-vert-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-vert-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         height: 200px;
         width: 22px;
         float: left;
         margin-right: 10px;
         background: lightgreen;
         line-height: 0;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-vert-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-vert-1.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This test checks that textarea elements behave correctly as flex items.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-basic-textarea-vert-1-ref.xhtml"/>
     <style>
       div.flexbox {
         height: 200px;
         background: lightgreen;
         display: flex;
         justify-content: space-between;
         flex-direction: column;
         float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-horiz-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-horiz-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         width: 200px;
         background: lightgreen;
         margin-bottom: 5px;
         line-height: 8px;
       }
       video {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-horiz-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-horiz-1.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This test checks that video elements behave correctly as flex items.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-basic-video-horiz-1-ref.xhtml"/>
     <style>
       div.flexbox {
         width: 200px;
         background: lightgreen;
         display: flex;
         justify-content: space-between;
         margin-bottom: 5px;
         line-height: 8px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-vert-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-vert-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         height: 200px;
         width: 22px;
         float: left;
         margin-right: 10px;
         background: lightgreen;
         line-height: 0;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-vert-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-vert-1.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This test checks that video elements behave correctly as flex items.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-basic-video-vert-1-ref.xhtml"/>
     <style>
       div.flexbox {
         height: 200px;
         background: lightgreen;
         display: flex;
         justify-content: space-between;
         flex-direction: column;
         float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-1-ref.xhtml
@@ -3,16 +3,18 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case, with floated elements in place of flex items, and using
      "position: relative" on those elements, to make z-index work on them
      outside of a flex container. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .flexbox {
         width: 90px;
         height: 10px;
         border: 2px solid gray;
         margin-bottom: 10px;
       }
       .a {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-1.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with flex items containing overlapping content, with
      "z-index" set on some of them, which should make them create
      stacking contexts. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-items-as-stacking-contexts-1-ref.xhtml"/>
     <style>
       .flexbox {
         width: 90px;
         height: 10px;
         border: 2px solid gray;
         display: flex;
         margin-bottom: 10px;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-2-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-2-ref.html
@@ -1,15 +1,17 @@
 <!DOCTYPE html>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html>
 <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <style>
     body { font: 10px sans-serif }
     .flexContainer {
       background: orange;
       width: 70px;
       padding: 2px;
       margin-bottom: 2px;
     }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-2.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-2.html
@@ -9,16 +9,20 @@
      any interleaving of backgrounds and content between the two items.
 
      This testcase also tests some special cases that will change the paint
      ordering - specifically, the properties "position", "z-index", and
      "order" on flex items.
  -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-items-as-stacking-contexts-2-ref.html">
   <style>
     body { font: 10px sans-serif }
     .flexContainer {
       background: orange;
       display: flex;
       justify-content: space-between;
       width: 70px;
       padding: 2px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-3-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-3-ref.html
@@ -1,15 +1,17 @@
 <!DOCTYPE html>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html>
 <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <style>
     .flexContainer {
       background: orange;
       width: 70px;
       height: 20px;
       padding: 2px;
       margin-bottom: 2px;
     }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-3.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-3.html
@@ -5,16 +5,20 @@
 -->
 <!-- This testcase checks that flex items are painted as pseudo-stacking
      contexts, instead of full stacking contexts. In other words, content
      inside of one flex item should be able to iterleave between pieces of
      content in another flex item, if we set appropriately interleaving
      "z-index" values. -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-items-as-stacking-contexts-3-ref.html">
   <style>
     .flexContainer {
       background: orange;
       display: flex;
       justify-content: space-between;
       width: 70px;
       height: 20px;
       padding: 2px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         margin-bottom: 2px;
         line-height: 0;
       }
       div.flexbox > * {
         display: inline-block;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-1.xhtml
@@ -2,16 +2,20 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with a variety of 'display: flex' examples
      testing each possible value of the 'justify-content' property. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-justify-content-horiz-1-ref.xhtml"/>
     <style>
       div.flexbox {
         width: 200px;
         display: flex;
         margin-bottom: 2px;
       }
       div.a {
         height: 20px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-2-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-2-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         width: 200px;
         line-height: 0;
         margin-bottom: 4px;
         border: 1px dotted black;
       }
       div.flexbox > * {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-2.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-2.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with a series of flex containers testing each possible value of
      the 'justify-content' property, with margin/border/padding on the
      flex items. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-justify-content-horiz-2-ref.xhtml"/>
     <style>
       div.flexbox {
         width: 200px;
         display: flex;
         margin-bottom: 4px;
         border: 1px dotted black;
       }
       div.a {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-3-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-3-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       body { margin-left: 0px; } /* We'll apply margins w/ style attribute */
       div.flexbox {
         margin-bottom: 2px;
         line-height: 0;
       }
       div.flexbox > * {
         display: inline-block;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-3.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-3.xhtml
@@ -9,16 +9,20 @@
      there isn't any packing space available).
        * For 'flex-start'/'space-between', we should overflow on the end
          (right) side.
        * For 'flex-end', we should overflow on the start (left) side.
        * For 'center'/'space-around', we should overflow equally on both sides.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-justify-content-horiz-3-ref.xhtml"/>
     <style>
       body { margin-left: 100px; } /* So we can see left-overflowed stuff */
       div.flexbox {
         width: 30px;
         display: flex;
         margin-bottom: 2px;
       }
       div.a {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-4-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-4-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       body { margin-left: 0px; } /* We'll apply margins w/ style attribute */
       div.flexbox {
         line-height: 0;
         margin-bottom: 4px;
       }
       div.flexbox > * {
         vertical-align: top;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-4.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-4.xhtml
@@ -9,16 +9,20 @@
      there isn't any packing space available).
        * For 'flex-start'/'space-between', we should overflow on the end
          (right) side.
        * For 'flex-end', we should overflow on the start (left) side.
        * For 'center'/'space-around', we should overflow equally on both sides.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-justify-content-horiz-4-ref.xhtml"/>
     <style>
       body { margin-left: 100px; } /* So we can see left-overflowed stuff */
       div.flexbox {
         width: 30px;
         display: flex;
         margin-bottom: 4px;
       }
       div.a {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-5-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-5-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       body { line-height: 0; }
 
       div.flexbox > * {
         display: inline-block;
       }
       div.a {
         height: 20px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-5.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-5.xhtml
@@ -2,16 +2,20 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase to exercise each possible value of the 'justify-content'
      property, in an auto-sized horizontal flex container. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-justify-content-horiz-5-ref.xhtml"/>
     <style>
       div.flexbox {
         display: flex;
       }
       div.a {
         height: 20px;
         flex: 0 10px;
         background: lightgreen;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         height: 200px;
         margin-right: 2px;
         float: left;
       }
       div.a {
         width: 20px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-1.xhtml
@@ -2,16 +2,20 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with a series of flex containers, testing each possible value of
      the 'justify-content' property. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-justify-content-vert-1-ref.xhtml"/>
     <style>
       div.flexbox {
         height: 200px;
         display: flex;
         flex-direction: column;
         margin-right: 2px;
         float: left;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-2-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-2-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         height: 200px;
         margin-right: 2px;
         border: 1px dotted black;
         float: left;
       }
       div.a {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-2.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-2.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with a series of flex containers testing each possible value of
      the 'justify-content' property, with margin/border/padding on the
      flex items. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-justify-content-vert-2-ref.xhtml"/>
     <style>
       div.flexbox {
         height: 200px;
         display: flex;
         flex-direction: column;
         margin-right: 2px;
         float: left;
         border: 1px dotted black;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-3-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-3-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       body { margin-top: 0px; } /* We'll apply margins w/ style attribute */
       div.flexbox {
         height: 200px;
         margin-right: 2px;
         float: left;
       }
       div.a {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-3.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-3.xhtml
@@ -10,16 +10,20 @@
 
        * For 'flex-start'/'space-between', we should overflow on the end
          (bottom) side.
        * For 'flex-end', we should overflow on the start (top) side.
        * For 'center'/'space-around', we should overflow equally on both sides.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-justify-content-vert-3-ref.xhtml"/>
     <style>
       body { margin-top: 100px; } /* So we can see top-overflowed stuff */
       div.flexbox {
         height: 30px;
         display: flex;
         flex-direction: column;
         margin-right: 2px;
         float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-4-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-4-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       body { margin-top: 0px; } /* We'll apply margins w/ style attribute */
       div.flexbox {
         margin-right: 4px;
         float: left;
       }
       div.a {
         width: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-4.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-4.xhtml
@@ -10,16 +10,20 @@
      flex items.
        * For 'flex-start'/'space-between', we should overflow on the end
          (bottom) side.
        * For 'flex-end', we should overflow on the start (top) side.
        * For 'center'/'space-around', we should overflow equally on both sides.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-justify-content-vert-4-ref.xhtml"/>
     <style>
       body { margin-top: 100px; } /* So we can see top-overflowed stuff */
       div.flexbox {
         height: 30px;
         display: flex;
         flex-direction: column;
         margin-right: 4px;
         float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-5-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-5-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         margin-right: 2px;
         float: left;
         border: 1px dotted black;
       }
       div.a {
         width: 20px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-5.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-5.xhtml
@@ -5,16 +5,20 @@
 -->
 <!-- Testcase to exercise each possible value of the 'justify-content'
      property, in an auto-sized vertical flex container.  The flex container
      should shrink-wrap its contents' heights, leaving no packing space
      available.  So, the "justify-content" values should have no effect
      in this testcase. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-justify-content-vert-5-ref.xhtml"/>
     <style>
       div.flexbox {
         display: flex;
         flex-direction: column;
         margin-right: 2px;
         float: left;
         border: 1px dotted black;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div { height: 20px; }
       div.flexbox {
         width: 200px;
         background: lightgray;
         margin-bottom: 2px;
       }
       div.a {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-1.xhtml
@@ -2,16 +2,20 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with a variety of 'display: flex' examples
      with margin-left and/or margin-right set to 'auto'. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-margin-auto-horiz-1-ref.xhtml"/>
     <style>
       div.flexbox {
         width: 200px;
         height: 20px;
         background: lightgray;
         display: flex;
         margin-bottom: 2px;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-2-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-2-ref.xhtml
@@ -2,16 +2,18 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with a variety of 'display: flex' examples
      with margin-top and/or margin-bottom set to 'auto' on flex items. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         border: 2px dotted black;
         display: flex;
         margin-bottom: 2px;
         width: 100px;
       }
       div.fixedSize {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-2.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-2.xhtml
@@ -2,16 +2,20 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with a variety of 'display: flex' examples
      with margin-top and/or margin-bottom set to 'auto' on flex items. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-margin-auto-horiz-2-ref.xhtml"/>
     <style>
       div.flexbox {
         border: 2px dotted black;
         display: flex;
         margin-bottom: 2px;
         width: 100px;
       }
       div.fixedSize {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div { height: 100px; border: 0; }
       div.flexbox {
         width: 200px;
       }
       div.a {
         display: inline-block;
         background: lightgreen;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-reverse-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-reverse-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div { height: 100px; border: 0; }
       div.flexbox {
         width: 200px;
       }
       div.a {
         display: inline-block;
         background: lightgreen;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-reverse.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-reverse.xhtml
@@ -2,16 +2,20 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with borders on flex items, and "flex-direction: row-reverse" to
      reverse the flex container's main axis. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-mbp-horiz-1-reverse-ref.xhtml"/>
     <style>
       div { height: 100px; border: 0; }
       div.flexbox {
         width: 200px;
         font-size: 10px;
         display: flex;
         flex-direction: row-reverse;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-rtl-reverse.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-rtl-reverse.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with borders on flex items, and "direction: rtl" and
      "flex-direction: row-reverse" to *doubly* reverse the flex container's
      main axis. --> 
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-mbp-horiz-1-ref.xhtml"/>
     <style>
       div { height: 100px; border: 0; }
       div.flexbox {
         width: 200px;
         font-size: 10px;
         display: flex;
         flex-direction: row-reverse;
         direction: rtl;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-rtl.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-rtl.xhtml
@@ -2,16 +2,20 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with borders on flex items, and "direction: rtl" to reverse
      the flex container's main axis. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-mbp-horiz-1-reverse-ref.xhtml"/>
     <style>
       div { height: 100px; border: 0; }
       div.flexbox {
         width: 200px;
         font-size: 10px;
         display: flex;
         direction: rtl;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1.xhtml
@@ -1,16 +1,20 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with borders on flex items. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-mbp-horiz-1-ref.xhtml"/>
     <style>
       div { height: 100px; border: 0; }
       div.flexbox {
         width: 200px;
         font-size: 10px;
         display: flex;
       }
       div.a {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-2-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-2-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div { height: 100px; border: 0; }
       div.flexbox {
         width: 200px;
       }
       div.a {
         display: inline-block;
         background: lightgreen;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-2a.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-2a.xhtml
@@ -1,16 +1,20 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with margin/border on flex items. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-mbp-horiz-2-ref.xhtml"/>
     <style>
       div { height: 100px; border: 0; }
       div.flexbox {
         width: 200px;
         font-size: 10px;
         display: flex;
       }
       div.a {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-2b.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-2b.xhtml
@@ -4,16 +4,20 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with margin/border/padding on flex items. (NOTE: This renders
      the same as the "-2a" variant, which lacks padding, because we've
      just replaced some of the "-2a" variant's content-box area with
      padding-box area in this test.) -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-mbp-horiz-2-ref.xhtml"/>
     <style>
       div { height: 100px; border: 0; }
       div.flexbox {
         width: 200px;
         font-size: 10px;
         display: flex;
       }
       div.a {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div { height: 20px; border: 0; }
       div.flexbox {
         width: 200px;
         margin-bottom: 2px;
       }
 
       <!-- customizations for flexbox border/padding -->
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3-reverse-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3-reverse-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div { height: 20px; border: 0; }
       div.flexbox {
         width: 200px;
         margin-bottom: 2px;
       }
 
       <!-- customizations for flexbox border/padding -->
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3-reverse.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3-reverse.xhtml
@@ -1,15 +1,19 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-mbp-horiz-3-reverse-ref.xhtml"/>
     <style>
       div { height: 20px; border: 0; }
       div.flexbox {
         width: 200px;
         display: flex;
         flex-direction: row-reverse;
         margin-bottom: 2px;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3.xhtml
@@ -1,16 +1,20 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with border/padding on a flex container and on its children -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-mbp-horiz-3-ref.xhtml"/>
     <style>
       div { height: 20px; border: 0; }
       div.flexbox {
         width: 200px;
         display: flex;
         margin-bottom: 2px;
       }
 
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-4-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-4-ref.xhtml
@@ -4,16 +4,18 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case - identical to the testcase, but with with the flex items'
      vertical margin and padding values set to 0 by default, and then set to
      specific pixel values for the items that have a 50px percent-basis.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div { border: 0; }
       div.flexbox {
         width: 200px;
         display: flex;
         margin-bottom: 2px;
         border: 1px dotted black;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-4.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-4.xhtml
@@ -5,16 +5,20 @@
 -->
 <!-- Testcase with percent-valued padding and/or margin on flex items. The spec
      says that percentage values on padding/margin-top and -bottom should be
      resolved against the flex container's height (not its width, as would
      be the case in a block).
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-mbp-horiz-4-ref.xhtml"/>
     <style>
       div { border: 0; }
       div.flexbox {
         width: 200px;
         display: flex;
         margin-bottom: 2px;
         border: 1px dotted black;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-1-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-1-ref.html
@@ -1,15 +1,17 @@
 <!DOCTYPE html>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html>
 <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <style>
     .flexContainer {
       background: purple;
       width: 70px;
       height: 70px;
       float: left;
       margin-right: 5px;
     }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-1.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-1.html
@@ -1,17 +1,21 @@
 <!DOCTYPE html>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- This testcase checks that we correctly handle the "overflow" property on
-     a horizontal flex container with overflowing contents. -->
+     a horizontal flex container. -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-overflow-horiz-1-ref.html">
   <style>
     .flexContainer {
       background: purple;
       display: flex;
       width: 70px;
       height: 70px;
       float: left;
       margin-right: 5px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-2-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-2-ref.html
@@ -1,15 +1,17 @@
 <!DOCTYPE html>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html>
 <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <style>
     .flexContainer {
       background: purple;
       display: flex;
       align-items: center;
       width: 70px;
       height: 70px;
       float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-2.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-2.html
@@ -4,16 +4,20 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- This testcase checks that we honor "align-items" on a horizontal
      flex container that has "overflow: hidden".  We use a huge border on
      one of the flex items, large enough that it overflows the container,
      to be sure that "overflow: hidden" is actually applying. -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-overflow-horiz-2-ref.html">
   <style>
     .flexContainer {
       background: purple;
       display: flex;
       align-items: center;
       width: 70px;
       height: 70px;
       float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-3-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-3-ref.html
@@ -1,15 +1,17 @@
 <!DOCTYPE html>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html>
 <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <style>
     .flexContainer {
       background: purple;
       display: flex;
       justify-content: space-around;
       width: 70px;
       height: 70px;
       float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-3.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-3.html
@@ -4,16 +4,20 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- This testcase checks that we honor "justify-content" on a horizontal
      flex container that has "overflow:hidden".  We use a large flex item,
      large enough that it overflows the container, to be sure that
      "overflow: hidden" is actually applying. -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-overflow-horiz-3-ref.html">
   <style>
     .flexContainer {
       background: purple;
       display: flex;
       justify-content: space-around;
       width: 70px;
       height: 70px;
       float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-1-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-1-ref.html
@@ -1,14 +1,16 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html>
 <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <style>
     .flexContainer {
       background: purple;
       width: 70px;
       height: 70px;
       margin-bottom: 5px;
     }
     .bigItem {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-1.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-1.html
@@ -2,16 +2,20 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- This testcase checks that we correctly handle the "overflow" property on
      a vertical flex container with overflowing contents. -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-overflow-vert-1-ref.html">
   <style>
     .flexContainer {
       background: purple;
       display: flex;
       flex-direction: column;
       width: 70px;
       height: 70px;
       margin-bottom: 5px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-2-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-2-ref.html
@@ -1,15 +1,17 @@
 <!DOCTYPE html>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html>
 <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <style>
     .flexContainer {
       background: purple;
       display: flex;
       flex-direction: column;
       align-items: center;
       width: 70px;
       height: 70px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-2.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-2.html
@@ -4,16 +4,20 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- This testcase checks that we honor "align-items" on a vertical
      flex container that has "overflow: hidden".  We use a huge border on
      one of the flex items, large enough that it overflows the container,
      to be sure that "overflow: hidden" is actually applying. -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-overflow-vert-2-ref.html">
   <style>
     .flexContainer {
       background: purple;
       display: flex;
       flex-direction: column;
       align-items: center;
       width: 70px;
       height: 70px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-3-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-3-ref.html
@@ -1,15 +1,17 @@
 <!DOCTYPE html>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html>
 <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <style>
     .flexContainer {
       background: purple;
       display: flex;
       flex-direction: column;
       justify-content: space-around;
       width: 70px;
       height: 70px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-3.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-3.html
@@ -4,16 +4,20 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- This testcase checks that we honor "justify-content" on a vertical
      flex container that has "overflow:hidden".  We use a large flex item,
      large enough that it overflows the container, to be sure that
      "overflow: hidden" is actually applying. -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-overflow-vert-3-ref.html">
   <style>
     .flexContainer {
       background: purple;
       display: flex;
       flex-direction: column;
       justify-content: space-around;
       width: 70px;
       height: 70px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       .container {
         width: 40px;
         height: 14px;
         border: 2px solid green;
         margin-bottom: 2px;
       }
       .a {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-1.xhtml
@@ -2,16 +2,20 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with flex items containing overlapping content, to test
      their paint-order. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-paint-ordering-1-ref.xhtml"/>
     <style>
       body {
         line-height: 0;
       }
       .container {
         width: 40px;
         height: 14px;
         border: 2px solid green;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-2-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-2-ref.xhtml
@@ -4,16 +4,18 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case for flex items containing overlapping content.
      This reference uses inline-block in place of inline-flex, with floated
      children in place of flex items, and with hardcoded DOM-reordering in
      place of "order" reordering. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       body {
         line-height: 0;
       }
 
       .flexbox {
         display: inline-block;
         width: 20px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-2.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-2.xhtml
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase with flex items containing overlapping content, with
      "order" and "z-index" set on some of them, to test how that affects
      paint-order. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-paint-ordering-2-ref.xhtml"/>
     <style>
       body {
         line-height: 0;
       }
 
       .flexbox {
         display: inline-flex;
         width: 20px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div { height: 10px; }
       div.flexbox {
         border: 1px dashed blue;
         font-size: 10px;
         flex-direction: column;
         margin-bottom: 2px;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-1.xhtml
@@ -4,16 +4,20 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This testcase checks how "min-width" and "max-width" affect the sizing
      of horizontal flex containers that have no explicit "width" property.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-sizing-horiz-1-ref.xhtml"/>
     <style>
       div { height: 10px; }
       div.flexbox {
         border: 1px dashed blue;
         font-size: 10px;
         display: flex;
         margin-bottom: 2px;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-2-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-2-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div { width: 200px; }
       div.flexbox {
         border: 1px dashed blue;
         background: lightgreen;
         font-size: 10px;
         margin-bottom: 5px;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-2.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-2.xhtml
@@ -4,16 +4,20 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This testcase checks how "min-height" and "max-height" affect the sizing
      of horizontal flex containers that have no explicit "height" property.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-sizing-horiz-2-ref.xhtml"/>
     <style>
       div { width: 200px; }
       div.flexbox {
         border: 1px dashed blue;
         background: lightgreen;
         font-size: 10px;
         display: flex;
         margin-bottom: 5px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-1-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div { width: 10px; }
       div.flexbox {
         float: left;
         border: 1px dashed blue;
         font-size: 10px;
         flex-direction: column;
         margin-right: 2px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-1.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-1.xhtml
@@ -4,16 +4,20 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This testcase checks how "min-height" and "max-height" affect the sizing
      of vertical flex containers that have no explicit "height" property.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-sizing-vert-1-ref.xhtml"/>
     <style>
       div { width: 10px; }
       div.flexbox {
         float: left;
         border: 1px dashed blue;
         font-size: 10px;
         display: flex;
         flex-direction: column;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-2-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-2-ref.xhtml
@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div { height: 100px; }
       div.flexbox {
         float: left;
         border: 1px dashed blue;
         background: lightgreen;
         font-size: 10px;
         margin-right: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-2.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-2.xhtml
@@ -4,16 +4,20 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      This testcase checks how "min-width" and "max-width" affect the sizing
      of vertical flex containers that have no explicit "width" property.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-sizing-vert-2-ref.xhtml"/>
     <style>
       div { height: 100px; }
       div.flexbox {
         float: left;
         border: 1px dashed blue;
         background: lightgreen;
         font-size: 10px;
         display: flex;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-table-fixup-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-table-fixup-1-ref.xhtml
@@ -2,16 +2,18 @@
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Reference case for table-fixup on table parts inside of a
      flex container. -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         border: 1px dashed blue;
       }
 
       <!-- NOTE: table-fixup pads each td element by 1px on each side. We
            override that for top & bottom, for simplicity. So the td makes us
            generate a box that's 2px wider than its contents. -->
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-table-fixup-1a.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-table-fixup-1a.xhtml
@@ -6,16 +6,20 @@
 <!--
      Testcase with table parts inside of a flex container, triggering
      table-fixup.  We use justify-content:space-between to stick packing
      space between flex items, so that we can verify that e.g. a contiguous
      run of <td>s will end up in the same flex item (wrapped in a table).
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-table-fixup-1-ref.xhtml"/>
     <style>
       div.flexbox {
         border: 1px dashed blue;
         width: 200px;
         display: flex;
         justify-content: space-around;
       }
 
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-table-fixup-1b.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-table-fixup-1b.xhtml
@@ -12,16 +12,20 @@
      In this variant of the test, we also assign 'flex' values to the
      table parts - these values should have no effect, since these children
      don't themselves form flex items.  The flex property _is_ honored on
      the <div class="c">, though, because _its_ box _is_ a direct child of a
      flexbox, so it _is_ a flex item.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-table-fixup-1-ref.xhtml"/>
     <style>
       div.flexbox {
         border: 1px dashed blue;
         width: 200px;
         display: flex;
         justify-content: space-around;
       }
 
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-1-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-1-ref.xhtml
@@ -4,16 +4,18 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
      Reference case, with inline-blocks instead of flexbox/flex items,
      with positioning done using margins.
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div { height: 100px; }
       div.flexbox {
         border: 1px dashed blue;
         width: 200px;
       }
       div.a {
         width: 30px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-1a.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-1a.xhtml
@@ -11,16 +11,20 @@
      that whitespace. (but we should resist that temptation).
 
      The test also uses 'justify-content: space-around' to be sure we can
      tell whether anonymous flex items are being created around the whitespace
      (since they'd claim a share of the packing space if they were there).
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-whitespace-handling-1-ref.xhtml"/>
     <style>
       div { height: 100px; }
       div.flexbox {
         white-space: pre;
         border: 1px dashed blue;
         width: 200px;
         display: flex;
         justify-content: space-around;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-1b.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-1b.xhtml
@@ -5,16 +5,20 @@
 -->
 <!--
      This test is like the -1a variant, but with the whitespace removed between
      flex items (since that whitespace should be ignored anyway, if we're
      doing things right).
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-whitespace-handling-1-ref.xhtml"/>
     <style>
       div { height: 100px; }
       div.flexbox {
         border: 1px dashed blue;
         width: 200px;
         display: flex;
         justify-content: space-around;
       }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-2-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-2-ref.xhtml
@@ -5,16 +5,18 @@
 -->
 <!--
      This reference case is the same as the testcase, but with an explicit <div>
      around each run of content that we expect to turn into an anonymous
      flex item (to ensure that the whitespace is included).
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <link rel="stylesheet" type="text/css" href="support/ahem.css" />
     <style>
       div { height: 100px; }
       div.flexbox {
         white-space: pre;
         border: 1px dashed blue;
         width: 200px;
         display: flex;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-2.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-2.xhtml
@@ -5,16 +5,20 @@
 -->
 <!--
      This test verifies that we preserve whitespace at the beginning & end of
      anonymous flex items (using "white-space: pre" so that it actually
      occupies space and affects the rendering).
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
+    <title>CSS Test: {TODO: INSERT TITLE}</title>
+    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
+    <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/>
+    <link rel="match" href="flexbox-whitespace-handling-2-ref.xhtml"/>
     <link rel="stylesheet" type="text/css" href="support/ahem.css" />
     <style>
       div { height: 100px; }
       div.flexbox {
         white-space: pre;
         border: 1px dashed blue;
         width: 200px;
         display: flex;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-1-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-1-ref.html
@@ -5,16 +5,18 @@
 -->
 <!-- Reference case where we've swapped in actual divs (fakeBefore/fakeAfter)
      for the testcase's ::before and ::after generated content.
 
      fakeBefore div is always the first child; fakeAfter is always the last.
 -->
 <html>
 <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <meta charset="utf-8">
   <style>
     .flexContainer {
       display: flex;
       align-items: flex-end;
       justify-content: space-between;
       height: 50px;
       width: 300px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-1.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-1.html
@@ -4,16 +4,20 @@
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase to ensure we handle ::before and ::after pseudo-elements on
      a flex container and treat them as flex items (e.g. honoring "align-self",
      and not merging them into anonymous flex items formed around text).
 -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-with-pseudo-elements-1-ref.html">
   <meta charset="utf-8">
   <style>
     .flexContainer {
       display: flex;
       align-items: flex-end;
       justify-content: space-between;
       height: 50px;
       width: 300px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-2-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-2-ref.html
@@ -5,16 +5,18 @@
 -->
 <!-- Reference case where we've swapped in actual divs (fakeBefore/fakeAfter)
      for the testcase's ::before and ::after generated content.
 
      fakeBefore div is always the first child; fakeAfter is always the last.
 -->
 <html>
 <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <meta charset="utf-8">
   <style>
     .flexContainer {
       display: flex;
       margin-bottom: 2px;
       background: lightgray;
     }
     .fakeBefore {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-2.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-2.html
@@ -3,16 +3,20 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!-- Testcase to ensure we handle ::before and ::after pseudo-elements on
      a flex container and treat them as flex items (e.g. honoring "order").
 -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-with-pseudo-elements-2-ref.html">
   <meta charset="utf-8">
   <style>
     .flexContainer {
       display: flex;
       margin-bottom: 2px;
       background: lightgray;
     }
     .withBefore::before {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-3-ref.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-3-ref.html
@@ -5,16 +5,18 @@
 -->
 <!-- Reference case where we've swapped in actual divs (fakeBefore/fakeAfter)
      for the testcase's ::before and ::after generated content.
 
      fakeBefore div is always the first child; fakeAfter is always the last.
 -->
 <html>
 <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
   <meta charset="utf-8">
   <style>
     .flexContainer {
       display: flex;
       align-items: flex-end;
       justify-content: space-between;
       height: 50px;
       width: 300px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-3.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-3.html
@@ -8,16 +8,20 @@
      table-cell.
 
      Note that we *don't* treat the table row or cell frames themselves as flex
      items, because they get wrapped in an anonymous table box, and *that* is
      the flex item.  So, "align-self" and "order" have no effect on the
      row/cell. -->
 <html>
 <head>
+  <title>CSS Test: {TODO: INSERT TITLE}</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/">
+  <link rel="match" href="flexbox-with-pseudo-elements-3-ref.html">
   <meta charset="utf-8">
   <style>
     .flexContainer {
       display: flex;
       align-items: flex-end;
       justify-content: space-between;
       height: 50px;
       width: 300px;