Advertisement
mawarputih

css tombol share

Oct 3rd, 2016
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.55 KB | None | 0 0
  1. /* CSS Share Button */
  2. .tombol-berbagi-arlina{display:block;position:relative;height:43px;line-height:43px;padding:10px;border-top:1px solid #dadada;border-bottom:1px solid #dadada;margin:auto}
  3. .tombol-berbagi-arlina-fb,.tombol-berbagi{float:left;width:21%;padding:0 10px;height:inherit}
  4. .tombol-berbagi-arlina-tw,.tombol-berbagi,.tombol-berbagi-lk{float:left;width:21%;height:inherit;padding:0 10px;border-left:solid 1px #dadada}
  5. .tombol-berbagi-fb,.tombol-berbagi-tw,.tombol-berbagi-gp,.tombol-berbagi-lin,.tombol-berbagi-pi{float:left;display:block;background:url('http://2.bp.blogspot.com/-FYy1a99SDXE/VXuCSz_hYjI/AAAAAAAACbg/8dz4LkDIHYY/s1600/share.png') no-repeat;width:42px;height:41px;margin-right:3px}
  6. .tombol-berbagi-fb-label{color:#2d609b}
  7. .tombol-berbagi-fb-label,.tombol-berbagi-tw-label,.tombol-berbagi-gp-label,.tombol-berbagi-lin-label{float:left;width:58px;height:inherit;font-size:12px;font-family:'Open Sans Bold',Arial,sans-serif;line-height:14px;margin:5px 0 0 4px}
  8. .tombol-berbagi-tw{background-position:0 -43px}
  9. .tombol-berbagi-tw-label{color:#00c3f3}
  10. .tombol-berbagi-gp{background-position:0 -86px}
  11. .tombol-berbagi-gp-label{color:#f00}
  12. .tombol-berbagi-lin{background-position:0 -129px}
  13. .tombol-berbagi-arlina a{color:#999;transition:all .3s;}
  14. .tombol-berbagi-arlina a:hover{color:#7cb0ed}
  15.  
  16. @media only screen and (max-width:640px){
  17. .tombol-berbagi,.tombol-berbagi-arlina-fb{display:inline-block;float:none;width:48%;padding:0;height:inherit}
  18. .tombol-berbagi,.tombol-berbagi-arlina-tw,.tombol-berbagi-lk{float:left;width:48%;padding:0;border-left:0}}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement