INGREDIENTS
1 serving
plugin name: pinterest pin it button
1 serving
description: displays a pin it button directly over your images
1 serving
base styles
1 serving
bottom: 20px
1 serving
display: block
1 serving
margin-top: auto !important
1 serving
width: 186px; height: 186px; /* please note that the button is 80px x 50px. if you use a different size button
1 serving
top: 5px
1 serving
author: canha
? Version: 1.0.1 Version: 1.0.1 Version 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
if you feel comfortable editing here
1 serving
pinit-btn-here
1 serving
{
1 serving
right: 25px
1 serving
position: absolute
1 serving
}
1 serving
pinit-btn-here img
1 serving
{
1 serving
border-radius:2px
1 serving
}
1 serving
pibfi_pinterest {
1 serving
position: relative
1 serving
margin-left: 170px
1 serving
width : 412px
1 serving
}
412
width {
1 serving
margin-left: 170px
1 serving
width : auto
1 serving
}
412 mls
width {
1 serving
margin-left: auto
1 serving
}
1 serving
fixleft {
1 serving
float: left !important
1 serving
margin-left: auto !important
1 serving
text-align: auto
1 serving
width: 403px
1 serving
}
1 serving
pibfi_pinterest .xc_pin {
1 can
background-image: url
1 serving
position: absolute
1 serving
margin-left: 186px
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
cursor: pointer
1 serving
right: 15px
1 serving
display: none
1 serving
}
1 serving
pibfi_pinterest img.left
? margin-left: 0; margin-left: 0; margin-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
interactions / fx
1 serving
pibfi_pinterest .xc_pin
1 serving
pibfi_pinterest img {
webkit-transition:opacity 2s ease-out; -moz-transition:opacity 2s ease-out; transition:opacity 2s ease-out
1 serving
}
1 serving
pibfi_pinterest img:hover
1 serving
pibfi_pinterest_hover {
7/10
1 serving
}
1 serving
pibfi_pinterest .xc_pin:hover {
1
1 serving
}