Stuff

XSL template:<pre><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;"><</span><span style="font-weight: bold;color: #000080;">xsl:template</span><span style="color: #008000;"> match=</span><span style="color: #008080;">"note"</span><span style="font-weight: bold;color: #000000;">></span><span style="color: #000000;">          </span><span style="font-weight: bold;color: #000000;"><span</span><span style="color: #008000;"> class</span><span style="color: #000000;">=</span><span style="color: #800000;">"note"</span><span style="color: #008000;"> id</span><span style="color: #000000;">=</span><span style="color: #800000;">"block"</span><span style="font-weight: bold;color: #000000;">><img</span><span style="color: #008000;"> id</span><span style="color: #000000;">=</span><span style="color: #800000;">"note"</span><span style="color: #008000;"> src</span><span style="color: #000000;">=</span><span style="color: #800000;">"http://hup.hu/images/hup64x64_sand.png"</span><span style="color: #008000;"> alt</span><span style="color: #000000;">=</span><span style="color: #800000;">"Note"</span><span style="font-weight: bold;color: #000000;">/></span><span style="color: #000000;">          </span><span style="font-weight: bold;color: #000000;"><span</span><span style="color: #008000;"> class</span><span style="color: #000000;">=</span><span style="color: #800000;">"note"</span><span style="color: #008000;"> id</span><span style="color: #000000;">=</span><span style="color: #800000;">"text"</span><span style="font-weight: bold;color: #000000;">><</span><span style="font-weight: bold;color: #000080;">xsl:apply-templates</span><span style="color: #008000;"> </span><span style="font-weight: bold;color: #000000;">/></span></span></span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;"></</span><span style="font-weight: bold;color: #000080;">xsl:template</span><span style="font-weight: bold;color: #000000;">></span></pre>és a CSS:<span style="color: #000000;">span</span><span style="color: #800080;">.note</span><span style="color: #000000;"> </span><span style="font-weight: bold;color: #000000;">{</span><span style="color: #000000;"> </span><span style="font-weight: bold;color: #000000;">position:</span><span style="color: #000000;"> </span><span style="color: #800000;">relative</span><span style="font-weight: bold;color: #000000;">;</span><span style="color: #000000;"> </span><span style="font-weight: bold;color: #000000;">}</span><span style="color: #000000;">span</span><span style="color: #800080;">.note</span><span style="font-weight: bold;color: #800080;">#text</span><span style="color: #000000;"> </span><span style="font-weight: bold;color: #000000;">{</span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;">display</span><span style="color: #000000;"> </span><span style="font-weight: bold;color: #000000;">:</span><span style="color: #000000;"> </span><span style="color: #800000;">none</span><span style="font-weight: bold;color: #000000;">;</span><span style="font-weight: bold;color: #000000;">}</span><span style="color: #000000;">span</span><span style="color: #800080;">.note</span><span style="font-weight: bold;color: #800080;">#block</span><span style="color: #000000;"> img</span><span style="font-weight: bold;color: #800080;">#note</span><span style="color: #000000;"> </span><span style="font-weight: bold;color: #000000;">{</span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;">display</span><span style="color: #000000;"> </span><span style="font-weight: bold;color: #000000;">:</span><span style="color: #000000;"> </span><span style="color: #800000;">inline</span><span style="font-weight: bold;color: #000000;">;</span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;">width</span><span style="color: #000000;">   </span><span style="font-weight: bold;color: #000000;">:</span><span style="color: #000000;"> </span><span style="color: #800000;">1em</span><span style="font-weight: bold;color: #000000;">;</span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;">height</span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;">:</span><span style="color: #000000;"> </span><span style="color: #800000;">1em</span><span style="font-weight: bold;color: #000000;">;</span><span style="font-weight: bold;color: #000000;">}</span><span style="color: #000000;">span</span><span style="color: #800080;">.note</span><span style="font-weight: bold;color: #800080;">#block</span><span style="color: #0000ff;">:hover</span><span style="color: #000000;"> span</span><span style="color: #800080;">.note</span><span style="font-weight: bold;color: #800080;">#text</span><span style="color: #000000;"> </span><span style="font-weight: bold;color: #000000;">{</span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;">display</span><span style="color: #000000;">        </span><span style="font-weight: bold;color: #000000;">:</span><span style="color: #000000;"> </span><span style="color: #800000;">block</span><span style="font-weight: bold;color: #000000;">;</span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;">font-size</span><span style="color: #000000;">      </span><span style="font-weight: bold;color: #000000;">:</span><span style="color: #000000;"> </span><span style="color: #800000;">90%</span><span style="font-weight: bold;color: #000000;">;</span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;">color</span><span style="color: #000000;">          </span><span style="font-weight: bold;color: #000000;">:</span><span style="color: #000000;"> </span><span style="color: #800000;">#114</span><span style="font-weight: bold;color: #000000;">;</span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;">bottom</span><span style="color: #000000;">         </span><span style="font-weight: bold;color: #000000;">:</span><span style="color: #000000;"> </span><span style="color: #800000;">1.5em</span><span style="font-weight: bold;color: #000000;">;</span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;">left</span><span style="color: #000000;">           </span><span style="font-weight: bold;color: #000000;">:</span><span style="color: #000000;"> </span><span style="color: #800000;">-3em</span><span style="font-weight: bold;color: #000000;">;</span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;">position</span><span style="color: #000000;">       </span><span style="font-weight: bold;color: #000000;">:</span><span style="color: #000000;"> </span><span style="color: #800000;">absolute</span><span style="font-weight: bold;color: #000000;">;</span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;">width</span><span style="color: #000000;">          </span><span style="font-weight: bold;color: #000000;">:</span><span style="color: #000000;"> </span><span style="color: #800000;">250px</span><span style="font-weight: bold;color: #000000;">;</span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;">background</span><span style="color: #000000;">     </span><span style="font-weight: bold;color: #000000;">:</span><span style="color: #000000;"> </span><span style="color: #800000;">#ffff00</span><span style="font-weight: bold;color: #000000;">;</span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;">opacity</span><span style="color: #000000;">        </span><span style="font-weight: bold;color: #000000;">:</span><span style="color: #000000;"> </span><span style="color: #800000;">0.85</span><span style="font-weight: bold;color: #000000;">;</span><span style="color: #000000;">  </span><span style="font-weight: bold;color: #000000;">border</span><span style="color: #000000;">         </span><span style="font-weight: bold;color: #000000;">:</span><span style="color: #000000;"> </span><span style="color: #800000;">1px</span><span style="color: #000000;"> </span><span style="color: #800000;">solid</span><span style="color: #000000;"> </span><span style="color: #800000;">black</span><span style="font-weight: bold;color: #000000;">;</span><span style="font-weight: bold;color: #000000;">}</span>