layout/reftests/writing-mode/ua-style-sheet-button-1a-ref.html

   1 <!DOCTYPE html>
   2 <meta charset=utf-8>
   3 <title>Test for logical properties of button in the UA stylesheet</title>
   4 <style>
   5 .v-rl { writing-mode: vertical-rl; }
   6 .ltr, .rtl, .v-rl { border: 1px solid blue; }
   7 .a { -moz-appearance: none; }
   8
   9 .ltr button,
  10 .rtl button,
  11 .ltr input[type="button"],
  12 .rtl input[type="button"] {
  13   padding: 1px 8px;
  14 }
  15
  16 .v-rl button,
  17 .v-rl input[type="button"] {
  18   padding: 8px 1px;
  19 }
  20
  21 @supports -moz-bool-pref("widget.non-native-theme.enabled") {
  22   .ltr button,
  23   .rtl button,
  24   .ltr input[type="button"],
  25   .rtl input[type="button"] {
  26     padding: 1px 4px;
  27   }
  28
  29   .v-rl button,
  30   .v-rl input[type="button"] {
  31     padding: 4px 1px;
  32   }
  33 }
  34
  35 </style>
  36 <div class=ltr>
  37   <button>one</button><br>
  38   <button class=a>two</button><br>
  39   <button disabled>three</button><br>
  40   <button class=a disabled>four</button><br>
  41   <input type="button" value="five"><br>
  42   <input type="button" value="six" class=a><br>
  43   <input type="button" value="seven" disabled><br>
  44   <input type="button" value="eight" class=a disabled><br>
  45 </div>
  46
  47 <div class=rtl dir=rtl>
  48   <button>one</button><br>
  49   <button class=a>two</button><br>
  50   <button disabled>three</button><br>
  51   <button class=a disabled>four</button><br>
  52   <input type="button" value="five"><br>
  53   <input type="button" value="six" class=a><br>
  54   <input type="button" value="seven" disabled><br>
  55   <input type="button" value="eight" class=a disabled><br>
  56 </div>
  57
  58 <div class=v-rl>
  59   <button>one</button><br>
  60   <button class=a>two</button><br>
  61   <button disabled>three</button><br>
  62   <button class=a disabled>four</button><br>
  63   <input type="button" value="five"><br>
  64   <input type="button" value="six" class=a><br>
  65   <input type="button" value="seven" disabled><br>
  66   <input type="button" value="eight" class=a disabled><br>
  67 </div>