gravatar-profile.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .widget-grofile {
  2. }
  3. .widget-grofile h4 {
  4. margin: 1em 0 .5em;
  5. }
  6. .widget-grofile ul.grofile-urls {
  7. margin-left: 0;
  8. overflow: hidden;
  9. }
  10. .widget-grofile ul.grofile-accounts li {
  11. list-style: none;
  12. display: inline;
  13. }
  14. .widget-grofile ul.grofile-accounts li::before {
  15. content: "" !important; /* Kubrick :( */
  16. }
  17. .widget-grofile .grofile-accounts-logo {
  18. background-image: url('https://secure.gravatar.com/images/grav-share-sprite.png');
  19. background-repeat: no-repeat;
  20. /*background-position: -16px -16px;*/
  21. width: 16px; /* So we don't show the topmost logo */
  22. height: 16px; /* So we don't show the topmost logo */
  23. float: left;
  24. margin-right: 8px;
  25. margin-bottom: 8px;
  26. }
  27. .rtl .widget-grofile .grofile-accounts-logo {
  28. margin-left: 8px;
  29. margin-right: 0;
  30. }
  31. .grofile-thumbnail {
  32. width: 500px;
  33. max-width: 100%;
  34. }
  35. @media
  36. only screen and (-webkit-min-device-pixel-ratio: 1.5),
  37. only screen and (-o-min-device-pixel-ratio: 3/2),
  38. only screen and (min--moz-device-pixel-ratio: 1.5),
  39. only screen and (min-device-pixel-ratio: 1.5) {
  40. .widget-grofile .grofile-accounts-logo {
  41. background-image: url('https://secure.gravatar.com/images/grav-share-sprite-2x.png');
  42. background-size: 16px 784px;
  43. }
  44. }