Social Media Icons

by Taqi_Shah

HTML

<div id="DIV_1">
	 <a href="http://www.4shared.com/servlet/signin/facebook?fp=http%3A%2F%2Fwww.4shared.com%2Fget%2Fxn_rKOx2ba%2F_MuhammadNiazNet_lj26hd82n.html%3FsimpleLogin%3Dtrue%26startDownload%3Dtrue" id="A_2">Download with Facebook<i id="I_3"></i></a> <a href="http://www.4shared.com/servlet/signin/twitter?fp=http%3A%2F%2Fwww.4shared.com%2Fget%2Fxn_rKOx2ba%2F_MuhammadNiazNet_lj26hd82n.html%3FsimpleLogin%3Dtrue%26startDownload%3Dtrue" id="A_4">Download with Twitter<i id="I_5"></i></a> <a href="http://www.4shared.com/servlet/signin/google?fp=http%3A%2F%2Fwww.4shared.com%2Fget%2Fxn_rKOx2ba%2F_MuhammadNiazNet_lj26hd82n.html%3FsimpleLogin%3Dtrue%26startDownload%3Dtrue" id="A_6">Download with Google+<i id="I_7"></i></a> <a href="http:" id="A_8">Download with Instagram<i id="I_9"></i></a>
</div>

CSS

#DIV_1 {
    color: rgb(88, 91, 85);
    height: 218.66667175293px;
    text-align: center;
    width: 340px;
    perspective-origin: 170px 109.333335876465px;
    transform-origin: 170px 109.333335876465px;
    border: 0px none rgb(88, 91, 85);
    font: normal normal normal normal 12px/normal 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
    outline: rgb(88, 91, 85) none 0px;
}/*#DIV_1*/

#A_2 {
    box-shadow: rgb(255, 255, 255) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.34902) 0px 2px 5px 0px;
    color: rgb(255, 255, 255);
    display: inline-block;
    height: 18.6666660308838px;
    min-width: 160px;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-shadow: rgb(31, 63, 109) 0px 1px 1px;
    width: 160px;
    perspective-origin: 111.333335876465px 22.6666660308838px;
    transform-origin: 111.333335876465px 22.6666660308838px;
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(102, 126, 175) 0px, rgb(57, 85, 146) 100%) repeat scroll 0% 0% / auto padding-box border-box;
    border: 1.33333337306976px solid rgb(50, 76, 125);
    border-radius: 5px 5px 5px 5px;
    font: normal normal normal normal 12px/normal 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
    margin: 0px 0px 10px;
    outline: rgb(255, 255, 255) none 0px;
    padding: 12px 40px 12px 20px;
}/*#A_2*/

#I_3 {
    background-position: -2px 0px;
    color: rgb(255, 255, 255);
    display: block;
    height: 20px;
    position: absolute;
    right: 15px;
    text-align: left;
    text-shadow: rgb(31, 63, 109) 0px 1px 1px;
    top: 12px;
    width: 20px;
    align-self: stretch;
    perspective-origin: 10px 10px;
    transform-origin: 10px 10px;
    background: rgba(0, 0, 0, 0) url(http://cdnstatic.4shared.com/images/icons/slideshow-social-icons.png?3053076756) no-repeat scroll -2px 0px / auto padding-box border-box;
    border: 0px none rgb(255, 255, 255);
    font: italic normal normal normal 12px/normal 'Lucida Grande', 'Lucida Sans Unicode',...