Advertisement
Guest User

Gobi Style

a guest
Aug 8th, 2017
141
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.03 KB | None | 0 0
  1. /* SocialIcon */
  2. .Icon:before,.Options .SpFlyoutHandle:before {
  3. display:inline-block;
  4. font-family:vanillicon;
  5. font-variant:normal;
  6. font-weight:400;
  7. font-style:normal;
  8. min-width:1em;
  9. text-align:center;
  10. text-decoration:inherit;
  11. text-transform:none;
  12. line-height:1;
  13. -webkit-font-smoothing:antialiased;
  14. -webkit-touch-callout:none;
  15. -webkit-user-select:none;
  16. -moz-user-select:none;
  17. -ms-user-select:none;
  18. user-select:none;
  19. }
  20.  
  21. .SocialIcon-Facebook .Icon:before,.ReactFacebook:before {
  22. content:"\f143";
  23. }
  24.  
  25. .SocialIcon-Google .Icon:before,.ReactGooglePlus:before {
  26. content:"\f151";
  27. }
  28.  
  29. .SocialIcon-Twitter .Icon:before,.ReactTwitter:before {
  30. content:"\f1ae";
  31. }
  32.  
  33. .SocialIcon-Google,.SocialIcon-Facebook,.SocialIcon-Twitter {
  34. -moz-appearance:none;
  35. -webkit-appearance:none;
  36. -webkit-box-align:center;
  37. -ms-flex-align:center;
  38. align-items:center;
  39. background-color:#fff;
  40. border:1px solid #dbdbdb;
  41. border-radius:2px;
  42. color:#363636;
  43. display:0;
  44. display:0;
  45. display:inline-flex;
  46. font-size:14px;
  47. height:32px;
  48. -webkit-box-pack:start;
  49. -ms-flex-pack:start;
  50. justify-content:flex-start;
  51. line-height:24px;
  52. padding-left:8px;
  53. padding-right:8px;
  54. position:relative;
  55. vertical-align:top;
  56. -webkit-touch-callout:none;
  57. -webkit-user-select:none;
  58. -moz-user-select:none;
  59. -ms-user-select:none;
  60. user-select:none;
  61. cursor:pointer;
  62. -webkit-box-pack:center;
  63. -ms-flex-pack:center;
  64. padding-left:10px;
  65. padding-right:10px;
  66. white-space:nowrap;
  67. }
  68.  
  69. a.SocialIcon-Google {
  70. background:#DD4B39;
  71. border-color:#DD4B39;
  72. color:#fff;
  73. }
  74.  
  75. a.SocialIcon-Facebook {
  76. background:#2D4373;
  77. border-color:#2D4373;
  78. color:#fff;
  79. }
  80.  
  81. .SocialIcon-Twitter {
  82. background:#1da1f2;
  83. border-color:#1da1f2;
  84. color:#fff;
  85. }
  86.  
  87. a.SocialIcon-Google:hover {
  88. background:#fff;
  89. border-color:#DD4B39;
  90. color:#DD4B39;
  91. }
  92.  
  93. a.SocialIcon-Facebook:hover {
  94. background:#fff;
  95. border-color:#2D4373;
  96. color:#2D4373;
  97. }
  98.  
  99. .SocialIcon-Twitter:hover {
  100. background:#fff;
  101. border-color:#1da1f2;
  102. color:#1da1f2;
  103. }
  104.  
  105. .Options .SpFlyoutHandle:before {
  106. content:"\f12d";
  107. font-size:14px;
  108. color:#7a7a7a;
  109. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement