social-menu.css 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  1. /*--------------------------------------------------------------
  2. Global
  3. --------------------------------------------------------------*/
  4. .jetpack-social-navigation ul {
  5. display: block;
  6. margin: 0 0 1.5em;
  7. padding: 0;
  8. }
  9. .jetpack-social-navigation li {
  10. display: inline-block;
  11. margin: 0;
  12. line-height: 1;
  13. }
  14. .jetpack-social-navigation a {
  15. border: 0;
  16. height: 1em;
  17. text-decoration: none;
  18. width: 1em;
  19. }
  20. /*--------------------------------------------------------------
  21. SVG
  22. --------------------------------------------------------------*/
  23. .jetpack-social-navigation-svg .icon {
  24. color: inherit;
  25. fill: currentColor;
  26. height: 1em;
  27. vertical-align: middle;
  28. width: 1em;
  29. }
  30. /*--------------------------------------------------------------
  31. Genericons
  32. --------------------------------------------------------------*/
  33. .jetpack-social-navigation-genericons a:before {
  34. -webkit-font-smoothing: antialiased;
  35. -moz-osx-font-smoothing: grayscale;
  36. display: inline-block;
  37. font-family: Genericons;
  38. font-size: 1em;
  39. font-style: normal;
  40. font-weight: normal;
  41. height: 1em;
  42. line-height: 1;
  43. speak: none;
  44. text-decoration: inherit;
  45. vertical-align: top;
  46. width: 1em;
  47. }
  48. /* Default */
  49. .jetpack-social-navigation-genericons a:before {
  50. content: "\f415";
  51. }
  52. /* CodePen */
  53. .jetpack-social-navigation-genericons a[href*="codepen.io"]:before {
  54. content: "\f216";
  55. }
  56. /* Digg */
  57. .jetpack-social-navigation-genericons a[href*="digg.com"]:before {
  58. content: "\f221";
  59. }
  60. /* Dribbble */
  61. .jetpack-social-navigation-genericons a[href*="dribbble.com"]:before {
  62. content: "\f201";
  63. }
  64. /* Dropbox */
  65. .jetpack-social-navigation-genericons a[href*="dropbox.com"]:before {
  66. content: "\f225";
  67. }
  68. /* Email */
  69. .jetpack-social-navigation-genericons a[href*="mailto:"]:before {
  70. content: "\f410";
  71. }
  72. /* Facebook */
  73. .jetpack-social-navigation-genericons a[href*="facebook.com"]:before {
  74. content: "\f203";
  75. }
  76. /* Flickr */
  77. .jetpack-social-navigation-genericons a[href*="flickr.com"]:before {
  78. content: "\f211";
  79. }
  80. /* Foursquare */
  81. .jetpack-social-navigation-genericons a[href*="foursquare.com"]:before {
  82. content: "\f226";
  83. }
  84. /* GitHub */
  85. .jetpack-social-navigation-genericons a[href*="github.com"]:before {
  86. content: "\f200";
  87. }
  88. /* Google Plus */
  89. .jetpack-social-navigation-genericons a[href*="plus.google.com"]:before {
  90. content: "\f206";
  91. }
  92. /* Instagram */
  93. .jetpack-social-navigation-genericons a[href*="instagram.com"]:before {
  94. content: "\f215";
  95. }
  96. /* LinkedIn */
  97. .jetpack-social-navigation-genericons a[href*="linkedin.com"]:before {
  98. content: "\f208";
  99. }
  100. /* Path */
  101. .jetpack-social-navigation-genericons a[href*="path.com"]:before {
  102. content: "\f219";
  103. }
  104. /* Pinterest */
  105. .jetpack-social-navigation-genericons a[href*="pinterest.com"]:before {
  106. content: "\f210";
  107. }
  108. /* Pocket */
  109. .jetpack-social-navigation-genericons a[href*="getpocket.com"]:before {
  110. content: "\f224";
  111. }
  112. /* Polldaddy */
  113. .jetpack-social-navigation-genericons a[href*="polldaddy.com"]:before {
  114. content: "\f217";
  115. }
  116. /* Reddit */
  117. .jetpack-social-navigation-genericons a[href*="reddit.com"]:before {
  118. content: "\f222";
  119. }
  120. /* RSS Feed */
  121. .jetpack-social-navigation-genericons a[href$="/feed/"]:before {
  122. content: "\f413";
  123. }
  124. /* Skype */
  125. .jetpack-social-navigation-genericons a[href*="skype:"]:before {
  126. content: "\f220";
  127. }
  128. /* Spotify */
  129. .jetpack-social-navigation-genericons a[href*="spotify.com"]:before {
  130. content: "\f515";
  131. }
  132. /* StumbleUpon */
  133. .jetpack-social-navigation-genericons a[href*="stumbleupon.com"]:before {
  134. content: "\f223";
  135. }
  136. /* Tumblr */
  137. .jetpack-social-navigation-genericons a[href*="tumblr.com"]:before {
  138. content: "\f214";
  139. }
  140. /* Twitch */
  141. .jetpack-social-navigation-genericons a[href*="twitch.tv"]:before {
  142. content: "\f516";
  143. }
  144. /* Twitter */
  145. .jetpack-social-navigation-genericons a[href*="twitter.com"]:before {
  146. content: "\f202";
  147. }
  148. /* Vimeo */
  149. .jetpack-social-navigation-genericons a[href*="vimeo.com"]:before {
  150. content: "\f212";
  151. }
  152. /* Vine */
  153. .jetpack-social-navigation-genericons a[href*="vine.co"]:before {
  154. content: "\f517";
  155. }
  156. /* WordPress */
  157. .jetpack-social-navigation-genericons a[href*="wordpress.com"]:before,
  158. .jetpack-social-navigation-genericons a[href*="wordpress.org"]:before {
  159. content: "\f205";
  160. }
  161. /* YouTube */
  162. .jetpack-social-navigation-genericons a[href*="youtube.com"]:before {
  163. content: "\f213";
  164. }