.social { display: block; list-style: none; padding: 0; }
.social > li { display: block; margin: 0; padding: 10px;
float: left; }
.social .socialite-loaded { background: none !important; }
.social-stub.googlepluss {
background: white
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNzxLPUdFnopibeWy8GaPlk4gg9sRhbPa-kcjFtjd4oQjdxYwkDLKqcgbIYlY1KDQaw-VVjeqriqxpw6n-RFJ2lVxJmS-LtJ6Bdtb6oprmsL9zWegkz6EVkofV26ibQjMewjYz6rf2VkLo/s1600/white_googleplus.png')
0 bottom no-repeat;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNzxLPUdFnopibeWy8GaPlk4gg9sRhbPa-kcjFtjd4oQjdxYwkDLKqcgbIYlY1KDQaw-VVjeqriqxpw6n-RFJ2lVxJmS-LtJ6Bdtb6oprmsL9zWegkz6EVkofV26ibQjMewjYz6rf2VkLo/s1600/white_googleplus.png')
0 bottom no-repeat,-webkit-gradient(linear,50% 0,50%
100%,color-stop(0%,#fff),color-stop(100%,#f0f0f0));
color: #db583b;
text-shadow: white -1px 1px;
border-color: #e3e3e3;
font-family: arial,sans-serif;
font-weight: bold;
font-size: 13px;
}
.social-stub.linkedin {
color: #666;
text-shadow: white -1px 1px;
background: #fefefe
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXoUS20g-V41akQTPPGghAxcReXLzkfYUncwjE3yuJ_J2an77Ud30xLh46t96XthfuBARZ50Jh1QJMBHlrQTO-8bAWbbXu6poIj-c3BdLvf1xERHBnC0e6uljmf5PlsseEaZqtU_cEkXBU/s1600/linkedinss.png')
0 -1px no-repeat;
background:
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXoUS20g-V41akQTPPGghAxcReXLzkfYUncwjE3yuJ_J2an77Ud30xLh46t96XthfuBARZ50Jh1QJMBHlrQTO-8bAWbbXu6poIj-c3BdLvf1xERHBnC0e6uljmf5PlsseEaZqtU_cEkXBU/s1600/linkedinss.png')
0 -1px no-repeat,-webkit-gradient(linear,50% 0,50%
100%,color-stop(0%,#fefefe),color-stop(100%,#ededec));
border-color: #dbe3ef;
}
.social-stub.twitter {
color: #3e8399!important;
text-shadow: white -1px 1px;
background: #f6fafd
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieIlx6KzlQgd_dmaJJLL6dTUSlLkGzvAj6q0j1EWcfKJ9X8874sY_8sBoGnu3lTWl97iCtccyfaJ20zp1-UqhUADZI-vUz_SpcZsxxYhBi5eb9X8mROGKeBoE2Ujn7XEKqR6SPnhgs9rza/s1600/blue_twitter_bird.png')
-2px center no-repeat;
background:
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieIlx6KzlQgd_dmaJJLL6dTUSlLkGzvAj6q0j1EWcfKJ9X8874sY_8sBoGnu3lTWl97iCtccyfaJ20zp1-UqhUADZI-vUz_SpcZsxxYhBi5eb9X8mROGKeBoE2Ujn7XEKqR6SPnhgs9rza/s1600/blue_twitter_bird.png')
-2px center no-repeat,-webkit-gradient(linear,50% 0,50%
100%,color-stop(0%,#f6fafd),color-stop(100%,#dbecf2));
border-color: #c8e2eb;
}
.social-stub.facebook {
background: #edf1f7
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkJU3Sw8L0oSTQPz70afk3TIt8KPIsDutJQiNiSO5EgD8eo52IR1LL25BLMxmTW0EiAalRknDRZNIghsW69r16OXEfUWshh77cw9XZgpkrKnvG7xIGUjvh4aiQSCemn9nZm5pI2EuS3kzO/s1600/blue_facebook.png')
-4px center no-repeat;
color: #4a68a2;
background:
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkJU3Sw8L0oSTQPz70afk3TIt8KPIsDutJQiNiSO5EgD8eo52IR1LL25BLMxmTW0EiAalRknDRZNIghsW69r16OXEfUWshh77cw9XZgpkrKnvG7xIGUjvh4aiQSCemn9nZm5pI2EuS3kzO/s1600/blue_facebook.png')
-4px center no-repeat,-webkit-gradient(linear,50% 0,50%
100%,color-stop(0%,#edf1f7),color-stop(100%,#dbe3ef));
border-color: #cad6e7;
}
ul.social li:nth-child(n+2) > a {margin-left: 47px;}
.social-stub {
width: 61px;
height: 23px;
display: inline-block;
border: 1px solid black;
position: relative;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
text-decoration: none!important;
transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
background-position: left center;
background-repeat: no-repeat;
font-size: 11px;
font-family: Tahoma,Geneva,sans-serif;
line-height: 24px;
text-align: center;
}
.social-stub::before {
top: -2px;
bottom: auto;
height: 20px;
width: 34px;
left: 100%;
margin-left: 6px;
line-height: 20px;
content: attr(data-shares);
display: inline;
padding:1px 5px;
border: 1px solid #E2E3E4;
position: absolute;
top: -1px;
left: 61px;
height:19px;
width: auto;
white-space: nowrap;
color: #777;
z-index: 10;
-moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px;
-ms-border-bottom-left-radius: 2px;
-o-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
-ms-border-bottom-right-radius: 2px;
-o-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
font-family: arial,sans-serif;
font-size: 12px!important;
text-align: center;
text-indent: 0;
}
.social-stub::after {
content: "";
width: 5px;
height: 9px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ3ooRZ7xSUmPWIKAgp_tG6stoi0RN-ro-O7YIDxhA588AuCvtu-UOsIvbatogAjn3wEBd9ltI1oG4dS47s_1z0XhU8RwPFn0RSD2V3kCsXIVkkau-oderVXu3inbvpaZx120OW-bFR-xv/s1600/bubble-pip.png)
left center no-repeat;
position: absolute;
top: 5px;
left: 100%;
margin-left: 2px;
z-index: 15;
}
Tidak ada komentar:
Posting Komentar
Silahkan komentar berikan pada kolom FB ini. Terima kasih