layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-1-ref.xhtml@129ffea94266
layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-1-ref.xhtml
Sat, 03 Jan 2015 20:18:00 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Sat, 03 Jan 2015 20:18:00 +0100
- branch
- TOR_BUG_3246
- changeset 7
- 129ffea94266
- permissions
- -rw-r--r--
Conditionally enable double key logic according to:
private browsing mode or privacy.thirdparty.isolate preference and
implement in GetCookieStringCommon and FindCookie where it counts...
With some reservations of how to convince FindCookie users to test
condition and pass a nullptr when disabling double key logic.
1 <?xml version="1.0" encoding="UTF-8"?>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/publicdomain/zero/1.0/
5 -->
6 <html xmlns="http://www.w3.org/1999/xhtml">
7 <head>
8 <title>CSS Reftest Reference</title>
9 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
10 <style>
11 div { height: 20px; }
12 div.flexbox {
13 width: 200px;
14 background: lightgray;
15 margin-bottom: 2px;
16 }
17 div.a {
18 width: 20px;
19 background: green;
20 display: inline-block;
21 }
22 div.b {
23 width: 20px;
24 background: pink;
25 display: inline-block;
26 }
27 div.c {
28 width: 20px;
29 background: purple;
30 display: inline-block;
31 }
33 <!-- These classes allow us to conveniently/concisely specify margin
34 values below, for exact positioning of the items on each reference
35 line. ("l" = "margin-_l_eft", and the number = number of pixels) -->
36 div.l180 { margin-left: 180px }
37 div.l90 { margin-left: 90px }
38 div.l80 { margin-left: 80px }
39 div.l70 { margin-left: 70px }
40 div.l53 { margin-left: calc(160px / 3) } <!-- == 53.33333px -->
41 div.l35 { margin-left: 35px }
42 </style>
43 </head>
44 <body>
45 <!-- just one item -->
46 <div class="flexbox">
47 <div class="a l180"/>
48 </div>
49 <div class="flexbox">
50 <div class="b l90"/>
51 </div>
52 <div class="flexbox">
53 <div class="c"/>
54 </div>
56 <!-- Two items -->
57 <div class="flexbox">
58 <div class="a l53"/><div class="b l53"/>
59 </div>
60 <div class="flexbox">
61 <div class="a l80"/><div class="c"/>
62 </div>
63 <div class="flexbox">
64 <div class="b l53"/><div class="c l53"/>
65 </div>
67 <!-- Three items -->
68 <div class="flexbox">
69 <div class="a l35"/><div class="b l35"/><div class="c l35"/>
70 </div>
71 <div class="flexbox">
72 <div class="a l35"/><div class="c"/><div class="b l70"/>
73 </div>
74 <div class="flexbox">
75 <div class="b l35"/><div class="a l70"/><div class="c"/>
76 </div>
77 <div class="flexbox">
78 <div class="b l35"/><div class="c l35"/><div class="a l70"/>
79 </div>
80 <div class="flexbox">
81 <div class="c"/><div class="a l70"/><div class="b l35"/>
82 </div>
83 <div class="flexbox">
84 <div class="c"/><div class="b l70"/><div class="a l70"/>
85 </div>
86 </body>
87 </html>
