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.

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

mercurial