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 */
#linkwithin_logolink_0,#linkwithin_logolink_1,#linkwithin_logolink_2,#linkwithin_logolink_3,#linkwithin_logolink_4{display:none!important;visibility:hidden!important;}

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

more top stylings I have found: developers.squarespace.com/design-coding... www.onecoolthingaday.com
www.uptheanti.org...
gifs-et-compagnie.over-blog.com

merge selected css: csstidy 1.3

2 comments:

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

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

    Thanks
    www.architectweekly.com

    ReplyDelete

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