summaryrefslogtreecommitdiffstats
path: root/devtools/client/shared/test/doc_html_tooltip_arrow-02.xhtml
blob: a468177babfea4412a34f9cf345670d12adf1a17 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/global.css"?>
<?xml-stylesheet href="chrome://devtools/skin/light-theme.css"?>

<window class="theme-light"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        xmlns:html="http://www.w3.org/1999/xhtml"
        title="Tooltip test">
  <vbox flex="1" style="position: relative">
    <html:div class="anchor"
      style="height: 5px; position: absolute; background: red;
      top: 0; left: 0; width: 50px;">
    </html:div>

    <html:div class="anchor"
      style="height: 5px; position: absolute; background: red;
      top: 10px; left: 0; width: 100px;">
    </html:div>

    <html:div class="anchor"
      style="height: 5px; position: absolute; background: red;
      top: 20px; left: 0; width: 150px;">
    </html:div>

    <html:div class="anchor"
      style="height: 5px; position: absolute; background: red;
      top: 30px; left: 0; width: 200px;">
    </html:div>

    <html:div class="anchor"
      style="height: 5px; position: absolute; background: red;
      top: 40px; left: 0; width: 250px;">
    </html:div>

    <html:div class="anchor"
      style="height: 5px; position: absolute; background: red;
      top: 50px; left: 100px; width: 250px;">
    </html:div>

    <html:div class="anchor"
      style="height: 5px; position: absolute; background: red;
      top: 100px; width:  50px; right: 0;">
    </html:div>

    <html:div class="anchor"
      style="height: 5px; position: absolute; background: red;
      top: 110px; width: 100px; right: 0;">
    </html:div>

    <html:div class="anchor"
      style="height: 5px; position: absolute; background: red;
      top: 120px; width: 150px; right: 0;">
    </html:div>

    <html:div class="anchor"
      style="height: 5px; position: absolute; background: red;
      top: 130px; width: 200px; right: 0;">
    </html:div>

    <html:div class="anchor"
      style="height: 5px; position: absolute; background: red;
      top: 140px; width: 250px; right: 0;">
    </html:div>
  </vbox>
</window>