5 Haziran 2014 Perşembe

Image Map sda

Hiç yorum yok:

Yorum Gönder

/* ================================================================ This copyright notice must be untouched at all times. * MintShare button comes under a Creative Commons license. Get MintShare button from ( http://www.bloggermint.com/2011/01/mintshare-social-bookmarking -sharing-button-widget ). * Copyright (c) 2009-2011 Bloggermint. All rights reserved. Please you must keep the footer credit links intact which provides credit to its author. =================================================================== */ #mintshare_fl { background: url("images/btn-grey-hori.gif") repeat-y scroll 0 0 #EAEAEA; border: 1px solid #888; float: left; height: 100px; padding: 5px 0; position:fixed; left:0; z-index:1001; width: 35px; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; top:100px; } #mintshare_fl a.sharetext { display: block; float: left; line-height: 30px; text-decoration: none; cursor:pointer; } #mintshare_fl a.sharetext img { border: 0 none; display: block; margin-left: 10px; } #mintshare_fl .flyout { background: none repeat scroll 0 0 #AAAAAA; height: 113px; left: 40px; position: relative; top: -4px; width: 0; transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -webkit-transition: width 1s ease-in-out; } #mintshare_fl .flyout ul { background:#FFF; list-style:none; position:absolute; left:-570px; top:-5px; width:440px; height:85px; border:1px solid #888; border-left:0; padding-right:10px; z-index: 500; padding-left: 5px; overflow: hidden; transition: 1s ease-in-out; -o-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-border-radius: 0 5px 5px 0; -icab-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); } #mintshare_fl:hover .flyout ul{ left:-4px; } #mintshare_fl .flyout ul li { float: left; } #mintshare_fl .flyout ul li a{ } #mintshare_fl .flyout ul a img { } #mintshare_fl .flyout ul li.drop-li {position:relative; width:65px; height:65px; float:left; z-index:100; margin-top: 3px;} #mintshare_fl .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;} #mintshare_fl .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);margin-left:20px; transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } #mintshare_fl .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0); transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -o-border-radius:10px; } #mintshare_fl .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);} #mintshare_fl .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);} /* For IE6 */ #mintshare_fl .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);} #mintshare_fl .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);} /* Get MintShare */ #mintshare_fl .get_mintshare a img { border:none; margin-left: 35px; margin-top: 7px; }