Have been looking at ways of improving on the previous Version
The previous Version had this effect on hover
This is a new Version without glow:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(chrome://fastdial/content/)
{
.thumbnail
{
border: 7px solid transparent !important;
-moz-border-radius:10px !important;
}
}
This will have this effect:
This other new Version includes a glow for a dark background
Here is the code
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(chrome://fastdial/content/)
{
.thumbnail
{
border: 7px solid transparent !important;
-moz-border-radius:10px !important;
-moz-box-shadow:0px 0px 10px #ffffff !important;
}
}
effect of with glow
and here the same cell with a Logo on hover with glow