layout/reftests/css-mediaqueries/mq_print_orientation.xhtml

Thu, 15 Jan 2015 15:59:08 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 15:59:08 +0100
branch
TOR_BUG_9701
changeset 10
ac0c01689b40
permissions
-rw-r--r--

Implement a real Private Browsing Mode condition by changing the API/ABI;
This solves Tor bug #9701, complying with disk avoidance documented in
https://www.torproject.org/projects/torbrowser/design/#disk-avoidance.

michael@0 1 <?xml version="1.0" encoding="iso-8859-1" ?>
michael@0 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
michael@0 3 <html xmlns="http://www.w3.org/1999/xhtml" class="reftest-print">
michael@0 4 <head>
michael@0 5 <title>Media Query - Print mode test - orientation</title>
michael@0 6 <style type="text/css"><![CDATA[
michael@0 7 p {height: 10px; width: 100px; color: yellow; }
michael@0 8 @media print { .a { color: aqua; } }
michael@0 9 @media screen { .b { color: aqua; } }
michael@0 10
michael@0 11 /* Print reftests are 5/3, which is landscape. */
michael@0 12 @media (orientation: landscape) { .c { color: aqua; } } /* y */
michael@0 13 @media print and (orientation: landscape) { .d {color: aqua; } } /* y */
michael@0 14 @media all and (orientation: landscape) { .e { color: aqua; } } /* y */
michael@0 15
michael@0 16
michael@0 17 /* negative cases */
michael@0 18 @media all and (orientation: portrait) { .f { color: aqua; } } /* n */
michael@0 19
michael@0 20 @media (orientation: portrait) { .g { color: aqua; } } /* n */
michael@0 21 @media print and (orientation: portrait) { .h { color: aqua; } } /* n */
michael@0 22
michael@0 23 @media screen and (orientation: landscape) { .i {color: aqua; } } /* n */
michael@0 24 @media screen and (orientation: portrait) { .j {color: aqua; } } /* n */
michael@0 25
michael@0 26 ]]></style>
michael@0 27 </head>
michael@0 28
michael@0 29 <body>
michael@0 30 <p class="a">a</p>
michael@0 31 <p class="b">b</p>
michael@0 32 <p class="c">c</p>
michael@0 33 <p class="d">d</p>
michael@0 34 <p class="e">e</p>
michael@0 35 <p class="f">f</p>
michael@0 36 <p class="g">g</p>
michael@0 37 <p class="h">h</p>
michael@0 38 <p class="i">i</p>
michael@0 39 <p class="j">j</p>
michael@0 40 </body>
michael@0 41 </html>

mercurial