Friday, July 30, 2010

Styling Linkwithin Widget

/* no background on hover: */

.linkwithin_posts a:hover {
background-color:transparent !important;}

/* no lines (border) between each other picture: */

.linkwithin_posts a { border:0px !important; text-decoration:none !important; }

/* on hover effect: */

.linkwithin_posts a {
filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;

.linkwithin_posts a:hover {
background-color: transparent!important;
filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;

/* shadow on images around */
.linkwithin_img_0, .linkwithin_img_1, .linkwithin_img_2, .linkwithin_img_3
{-moz-box-shadow:2px 2px 3px #CCC;border:1px solid #DDD;margin:0 15px;padding:3px;-webkit-box-shadow:2px 2px 3px #CCC;box-shadow:2px 2px 3px #CCC;}

/* a bit round corners around images */
.linkwithin_img_0, .linkwithin_img_1, .linkwithin_img_2, .linkwithin_img_3, .linkwithin_img_4 {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

/* removing linkwithin logo */

/* site spec. exclude from main animation on hover */
.linkwithin_posts a:hover {position:static;}

more top stylings I have found:

merge selected css: csstidy 1.3


  1. You Sir, are a superstar - thanks heaps for your time. ... adding u to favs - now!

  2. How do you center the Linkwithin Widget? It's currently on the left hand side and I cant seem to change anything



English France German Spain Italy Dutch Russia Brasil Japan Korea Arabic China