Luxor, Cypress and CSS

Hi Gerald,

thanks for your answer to my last question concerning Luxor and Java Beans.
I found out that componentref/gadget is just perfect for my needs.

I am currently writing my dissertation in computer science about Luxor. It
is an evaluation stating whether Luxor is suitable for the already existing
"StarOffice4Kids" project at the university of Paderborn. The project uses
Mozilla-XUL for creating the user interface (and therefore is restricted to
the Mozilla browser). So I have to show that the UI can completely be
realized with Luxor.

My problem now is to style some toolbar buttons using style sheets. The
buttons should change the icon when the mouse pointer is positioned over
them. I have looked for a suitable Cypress example but found none. So I hope
you can help me. Below is the Mozilla-XUL sample code (toolbar.xul,
toolbarbuttons.css and buttons.css).

Thanks in advance for your efforts.

Best regards

Stephan

P.S.: Abgesehen davon, daß Luxor ein Klasse-Projekt ist, finde ich Deine
Antwortzeiten wirklich vorbildlich. Weiter so!


toolbar.xul:
============
<xul>
  <toolbar id="MAIN">
     <toolbarbutton
       id="italic-button"
       icon="ITALIC"
       command="DecreaseFontAction"
       tooltip="Schrift verkleinern" />
</xul>
---------------------------------------------------------------------

toolbarbuttons.css:
===================
@import url(chrome://so4k/skin/buttons.css);

#italic-button,
#italic-button:hover:active
{
	list-style-image: url("chrome://so4k/skin/icons/italic.gif");
}
#italic-button[disabled="true"],
#italic-button[disabled="true"]:hover,
#italic-button[disabled="true"]:hover:active
{
	list-style-image      :
url("chrome://so4k/skin/icons/italic-disabled.gif");
}
#italic-button:hover
{
	list-style-image        :
url("chrome://so4k/skin/icons/italic-hover.gif");
}
---------------------------------------------------------------------

buttons.css:
============
toolbarbutton:hover 
{
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
}
toolbarbutton:hover:active,
toolbarbutton[open="true"] 
{
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
}


-------------------------------------------------------
This SF.net email is sponsored by:Crypto Challenge is now open! 
Get cracking and register here for some mind boggling fun and 
the chance of winning an Apple iPod:
http://ads.sourceforge.net/cgi-bin/redirect.pl?thaw0031en