1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-1-ref.xhtml Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,78 @@ 1.4 +<?xml version="1.0" encoding="UTF-8"?> 1.5 +<!-- 1.6 + Any copyright is dedicated to the Public Domain. 1.7 + http://creativecommons.org/publicdomain/zero/1.0/ 1.8 +--> 1.9 +<html xmlns="http://www.w3.org/1999/xhtml"> 1.10 + <head> 1.11 + <title>CSS Reftest Reference</title> 1.12 + <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> 1.13 + <style> 1.14 + .container { 1.15 + width: 40px; 1.16 + height: 14px; 1.17 + border: 2px solid green; 1.18 + margin-bottom: 2px; 1.19 + } 1.20 + .a { 1.21 + width: 16px; 1.22 + height: 10px; 1.23 + background: blue; 1.24 + min-width: 0; 1.25 + border: 2px solid lightblue; 1.26 + } 1.27 + .b { 1.28 + width: 16px; 1.29 + height: 10px; 1.30 + background: purple; 1.31 + min-width: 0; 1.32 + border: 2px solid slateblue; 1.33 + } 1.34 + .aKid { 1.35 + margin-left: 10px; 1.36 + margin-top: 2px; 1.37 + width: 16px; 1.38 + height: 6px; 1.39 + background: yellow; 1.40 + border: 1px solid black; 1.41 + } 1.42 + .a, .b { float: left; } 1.43 + </style> 1.44 + </head> 1.45 + <body> 1.46 + <!-- Just 6 copies of the same container, since they all should look the 1.47 + same (except for the final "position: fixed" one, which needs to be 1.48 + explicitly marked as "position: fixed" or else it paints differently 1.49 + on Android.) --> 1.50 + <div class="container"> 1.51 + <div class="a"><div class="aKid"/></div> 1.52 + <div class="b"></div> 1.53 + </div> 1.54 + 1.55 + <div class="container"> 1.56 + <div class="a"><div class="aKid"/></div> 1.57 + <div class="b"></div> 1.58 + </div> 1.59 + 1.60 + <div class="container"> 1.61 + <div class="a"><div class="aKid"/></div> 1.62 + <div class="b"></div> 1.63 + </div> 1.64 + 1.65 + <div class="container"> 1.66 + <div class="a"><div class="aKid"/></div> 1.67 + <div class="b"></div> 1.68 + </div> 1.69 + 1.70 + <div class="container"> 1.71 + <div class="a"><div class="aKid"/></div> 1.72 + <div class="b"></div> 1.73 + </div> 1.74 + 1.75 + <div class="container" style="position: fixed"> 1.76 + <div class="a"><div class="aKid"/></div> 1.77 + <div class="b"></div> 1.78 + </div> 1.79 + 1.80 + </body> 1.81 +</html>