devtools/client/shared/test/doc_html_tooltip_arrow-02.xhtml

   1 <?xml version="1.0"?>
   2 <?xml-stylesheet href="chrome://global/skin/global.css"?>
   3 <?xml-stylesheet href="chrome://devtools/skin/light-theme.css"?>
   4
   5 <window class="theme-light"
   6         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
   7         xmlns:html="http://www.w3.org/1999/xhtml"
   8         title="Tooltip test">
   9   <vbox flex="1" style="position: relative">
  10     <html:div class="anchor"
  11       style="height: 5px; position: absolute; background: red;
  12       top: 0; left: 0; width: 50px;">
  13     </html:div>
  14
  15     <html:div class="anchor"
  16       style="height: 5px; position: absolute; background: red;
  17       top: 10px; left: 0; width: 100px;">
  18     </html:div>
  19
  20     <html:div class="anchor"
  21       style="height: 5px; position: absolute; background: red;
  22       top: 20px; left: 0; width: 150px;">
  23     </html:div>
  24
  25     <html:div class="anchor"
  26       style="height: 5px; position: absolute; background: red;
  27       top: 30px; left: 0; width: 200px;">
  28     </html:div>
  29
  30     <html:div class="anchor"
  31       style="height: 5px; position: absolute; background: red;
  32       top: 40px; left: 0; width: 250px;">
  33     </html:div>
  34
  35     <html:div class="anchor"
  36       style="height: 5px; position: absolute; background: red;
  37       top: 50px; left: 100px; width: 250px;">
  38     </html:div>
  39
  40     <html:div class="anchor"
  41       style="height: 5px; position: absolute; background: red;
  42       top: 100px; width:  50px; right: 0;">
  43     </html:div>
  44
  45     <html:div class="anchor"
  46       style="height: 5px; position: absolute; background: red;
  47       top: 110px; width: 100px; right: 0;">
  48     </html:div>
  49
  50     <html:div class="anchor"
  51       style="height: 5px; position: absolute; background: red;
  52       top: 120px; width: 150px; right: 0;">
  53     </html:div>
  54
  55     <html:div class="anchor"
  56       style="height: 5px; position: absolute; background: red;
  57       top: 130px; width: 200px; right: 0;">
  58     </html:div>
  59
  60     <html:div class="anchor"
  61       style="height: 5px; position: absolute; background: red;
  62       top: 140px; width: 250px; right: 0;">
  63     </html:div>
  64   </vbox>
  65 </window>