doc_html_tooltip_doorhanger-02.xhtml (1154B)
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 <window class="theme-light" 5 xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" 6 xmlns:html="http://www.w3.org/1999/xhtml" 7 title="Tooltip test"> 8 9 <vbox flex="1" style="position: relative"> 10 <!-- Towards the left --> 11 <html:div class="anchor" 12 style="width:10px; height: 10px; position: absolute; background: red; 13 top: 0; left: 25px;"> 14 </html:div> 15 16 <!-- Towards the left with RTL direction --> 17 <html:div class="anchor" 18 style="width:10px; height: 10px; position: absolute; background: red; 19 top: 0; left: 50px; direction: rtl;"> 20 </html:div> 21 22 <!-- Towards the right --> 23 <html:div class="anchor" 24 style="width:10px; height: 10px; position: absolute; background: red; 25 bottom: 0; right: 25px;"> 26 </html:div> 27 28 <!-- Towards the right with RTL direction --> 29 <html:div class="anchor" 30 style="width:10px; height: 10px; position: absolute; background: red; 31 bottom: 0; right: 50px; direction: rtl;"> 32 </html:div> 33 </vbox> 34 </window>