Fast Dial Thumbnail Bubble Effect
Sanjay —Fri, 10/14/2011 - 13:50
This code gives fast dial thumbnails a bubble effect.
You can change the -moz-border-radius for rounder effect.
Checkout the image below.
Enjoy!
Add the code below in a new style with Stylish Addon.
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("chrome://fastdial/content/fastdial.html")
{
.thumbnail {
-moz-border-radius: 19px !important;
-moz-box-shadow:
0 0px 2px rgba(255, 255, 255, 0.4) inset,
0 4px 6px rgba(255, 255, 255, 0.4) inset,
0 11px 0 -2px rgba(255, 255, 255, 0.2) inset,
0 13px 8px rgba(80, 80, 80, 0.3) inset,
19px 19px 19px rgba(0, 0, 0, 0.3) !important; }
}
Click on this link for expanded version http://i40.tinypic.com/xogn06.png
