API tools faq
paste
Advertisement
Guest User

HQG Sprite

a guest
May 28th, 2014
35
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.02 KB | None | 0 0
raw download clone embed print report
  1. /**** flair sprite ****/
  2.  
  3. /*
  4.  
  5. PhotoShop = 001
  6. After Effects = 002
  7. Premiere = 003
  8. Cinema 4D = 004
  9. Gimp = 005
  10. Blender = 006
  11. Autodesk = 007
  12. 3D Studio Max = 008
  13. Sony Vegas = 009
  14.  
  15. */
  16.  
  17.  
  18. .flair {
  19. background: transparent url(%%sprite-new%%) no-repeat -9999px;
  20. height: 20px;
  21. vertical-align: middle;
  22. border: 0;
  23. font-weight:bold;
  24. }
  25.  
  26. /* 1 tier flairs */
  27. .flair-001 {background-position: 0 -0px; min-width: 20px; text-indent: -9999em;}
  28. .flair-002 {background-position: 0 -30px; min-width: 20px; text-indent: -9999em;}
  29. .flair-003 {background-position: 0 -60px; min-width: 20px; text-indent: -9999em;}
  30. .flair-004 {background-position: 0 -91px; min-width: 20px; text-indent: -9999em;}
  31. .flair-005 {background-position: 0 -122px; min-width: 20px; text-indent: -9999em;}
  32. .flair-006 {background-position: 0 -150px; min-width: 20px; text-indent: -9999em;}
  33. .flair-007 {background-position: 0 -180px; min-width: 20px; text-indent: -9999em;}
  34. .flair-008 {background-position: 0 -210px; min-width: 20px; text-indent: -9999em;}
  35. .flair-009 {background-position: 0 -240px; min-width: 20px; text-indent: -9999em;}
  36.  
  37. /* 2 tier flairs */
  38. .flair-001-002 {background-position: 0 -270px; min-width: 41px; text-indent: -9999em;}
  39. .flair-001-003 {background-position: 0 -300px; min-width: 41px; text-indent: -9999em;}
  40. .flair-001-004 {background-position: 0 -330px; min-width: 41px; text-indent: -9999em;}
  41. .flair-001-005 {background-position: 0 -360px; min-width: 41px; text-indent: -9999em;}
  42. .flair-001-006 {background-position: 0 -390px; min-width: 41px; text-indent: -9999em;}
  43. .flair-001-007 {background-position: 0 -420px; min-width: 41px; text-indent: -9999em;}
  44. .flair-001-008 {background-position: 0 -450px; min-width: 41px; text-indent: -9999em;}
  45. .flair-001-009 {background-position: 0 -480px; min-width: 41px; text-indent: -9999em;}
  46.  
  47. /* 3 tier flairs */
  48. .flair-001-002-003 {background-position: 0 -510px; min-width: 62px; text-indent: -9999em;}
  49. .flair-001-002-004 {background-position: 0 -540px; min-width: 62px; text-indent: -9999em;}
  50. .flair-001-002-005 {background-position: 0 -570px; min-width: 62px; text-indent: -9999em;}
  51. .flair-001-002-006 {background-position: 0 -600px; min-width: 62px; text-indent: -9999em;}
  52. .flair-001-002-007 {background-position: 0 -630px; min-width: 62px; text-indent: -9999em;}
  53. .flair-001-002-008 {background-position: 0 -660px; min-width: 62px; text-indent: -9999em;}
  54. .flair-001-002-009 {background-position: 0 -690px; min-width: 62px; text-indent: -9999em;}
  55.  
  56. /* 2 tier - 1 tier + 1 trophy flair */
  57. .flair-001-x1 {background-position: 0 -720px; min-width: 41px; text-indent: -9999em;}
  58. .flair-002-x1 {background-position: 0 -750px; min-width: 41px; text-indent: -9999em;}
  59. .flair-003-x1 {background-position: 0 -780px; min-width: 41px; text-indent: -9999em;}
  60. .flair-004-x1 {background-position: 0 -810px; min-width: 41px; text-indent: -9999em;}
  61. .flair-005-x1 {background-position: 0 -840px; min-width: 41px; text-indent: -9999em;}
  62. .flair-006-x1 {background-position: 0 -870px; min-width: 41px; text-indent: -9999em;}
  63. .flair-007-x1 {background-position: 0 -900px; min-width: 41px; text-indent: -9999em;}
  64. .flair-008-x1 {background-position: 0 -930px; min-width: 41px; text-indent: -9999em;}
  65. .flair-009-x1 {background-position: 0 -960px; min-width: 41px; text-indent: -9999em;}
  66.  
  67. /* 3 tier - 2 tier + 1 trophy flair */
  68. .flair-001-002-x1 {background-position: 0 -990px; min-width: 62px; text-indent: -9999em;}
  69. .flair-001-003-x1 {background-position: 0 -1020px; min-width: 62px; text-indent: -9999em;}
  70. .flair-001-004-x1 {background-position: 0 -1050px; min-width: 62px; text-indent: -9999em;}
  71. .flair-001-005-x1 {background-position: 0 -1080px; min-width: 62px; text-indent: -9999em;}
  72. .flair-001-006-x1 {background-position: 0 -1110px; min-width: 62px; text-indent: -9999em;}
  73. .flair-001-007-x1 {background-position: 0 -1140px; min-width: 62px; text-indent: -9999em;}
  74. .flair-001-008-x1 {background-position: 0 -1170px; min-width: 62px; text-indent: -9999em;}
  75. .flair-001-009-x1 {background-position: 0 -1200px; min-width: 62px; text-indent: -9999em;}
  76.  
  77. /* 4 tier - 3 tier + 1 trophy flair */
  78. .flair-001-002-003-x1 {background-position: 0 -1230px; min-width: 93px; text-indent: -9999em;}
  79. .flair-001-002-004-x1 {background-position: 0 -1260px; min-width: 93px; text-indent: -9999em;}
  80. .flair-001-002-005-x1 {background-position: 0 -1290px; min-width: 93px; text-indent: -9999em;}
  81. .flair-001-002-006-x1 {background-position: 0 -1320px; min-width: 93px; text-indent: -9999em;}
  82. .flair-001-002-007-x1 {background-position: 0 -1350px; min-width: 93px; text-indent: -9999em;}
  83. .flair-001-002-008-x1 {background-position: 0 -1380px; min-width: 93px; text-indent: -9999em;}
  84. .flair-001-002-009-x1 {background-position: 0 -1410px; min-width: 93px; text-indent: -9999em;}
  85.  
  86. /* 3 tier - 1 tier + 2 trophy flair */
  87. .flair-001-x2 {background-position: 0 -1440px; min-width: 62px; text-indent: -9999em;}
  88. .flair-002-x2 {background-position: 0 -1470px; min-width: 62px; text-indent: -9999em;}
  89. .flair-003-x2 {background-position: 0 -1500px; min-width: 62px; text-indent: -9999em;}
  90. .flair-004-x2 {background-position: 0 -1530px; min-width: 62px; text-indent: -9999em;}
  91. .flair-005-x2 {background-position: 0 -1560px; min-width: 62px; text-indent: -9999em;}
  92. .flair-006-x2 {background-position: 0 -1590px; min-width: 62px; text-indent: -9999em;}
  93. .flair-007-x2 {background-position: 0 -1620px; min-width: 62px; text-indent: -9999em;}
  94. .flair-008-x2 {background-position: 0 -1650px; min-width: 62px; text-indent: -9999em;}
  95. .flair-009-x2 {background-position: 0 -1680px; min-width: 62px; text-indent: -9999em;}
  96.  
  97. /* 4 tier - 2 tier + 2 trophy flair */
  98. .flair-001-002-x2 {background-position: 0 -1710px; min-width: 93px; text-indent: -9999em;}
  99. .flair-001-003-x2 {background-position: 0 -1740px; min-width: 93px; text-indent: -9999em;}
  100. .flair-001-004-x2 {background-position: 0 -1770px; min-width: 93px; text-indent: -9999em;}
  101. .flair-001-005-x2 {background-position: 0 -1800px; min-width: 93px; text-indent: -9999em;}
  102. .flair-001-006-x2 {background-position: 0 -1830px; min-width: 93px; text-indent: -9999em;}
  103. .flair-001-007-x2 {background-position: 0 -1860px; min-width: 93px; text-indent: -9999em;}
  104. .flair-001-008-x2 {background-position: 0 -1890px; min-width: 93px; text-indent: -9999em;}
  105. .flair-001-009-x2 {background-position: 0 -1920px; min-width: 93px; text-indent: -9999em;}
  106.  
  107. /* 5 tier - 3 tier +2 trophy flair */
  108. .flair-001-002-003-x2 {background-position: 0 -1950px; min-width: 113px; text-indent: -9999em;}
  109. .flair-001-002-004-x2 {background-position: 0 -1980px; min-width: 113px; text-indent: -9999em;}
  110. .flair-001-002-005-x2 {background-position: 0 -2010px; min-width: 113px; text-indent: -9999em;}
  111. .flair-001-002-006-x2 {background-position: 0 -2040px; min-width: 113px; text-indent: -9999em;}
  112. .flair-001-002-007-x2 {background-position: 0 -2070px; min-width: 113px; text-indent: -9999em;}
  113. .flair-001-002-008-x2 {background-position: 0 -2100px; min-width: 113px; text-indent: -9999em;}
  114. .flair-001-002-009-x2 {background-position: 0 -2129px; min-width: 113px; text-indent: -9999em;}
  115.  
  116.  
  117. /* 1 tier hover effect */
  118. .flair:hover { text-indent: 22px; vertical-align: middle;}
  119.  
  120. /* 2 tier hover effect */
  121. .flair-001-002:hover,
  122. .flair-001-003:hover,
  123. .flair-001-004:hover,
  124. .flair-001-005:hover,
  125. .flair-001-006:hover,
  126. .flair-001-007:hover,
  127. .flair-001-008:hover,
  128. .flair-001-009:hover,
  129. .flair-001-x1:hover,
  130. .flair-002-x1:hover,
  131. .flair-003-x1:hover,
  132. .flair-004-x1:hover,
  133. .flair-005-x1:hover,
  134. .flair-006-x1:hover,
  135. .flair-007-x1:hover,
  136. .flair-008-x1:hover,
  137. .flair-009-x1:hover { text-indent: 42px; vertical-align: middle;}
  138.  
  139. /* 3 tier hover effect */
  140. .flair-001-002-003:hover,
  141. .flair-001-002-004:hover,
  142. .flair-001-002-005:hover,
  143. .flair-001-002-006:hover,
  144. .flair-001-002-007:hover,
  145. .flair-001-002-008:hover,
  146. .flair-001-002-009:hover,
  147. .flair-001-002-x1:hover,
  148. .flair-001-003-x1:hover,
  149. .flair-001-004-x1:hover,
  150. .flair-001-005-x1:hover,
  151. .flair-001-006-x1:hover,
  152. .flair-001-007-x1:hover,
  153. .flair-001-008-x1:hover,
  154. .flair-001-009-x1:hover,
  155. .flair-001-x2:hover,
  156. .flair-002-x2:hover,
  157. .flair-003-x2:hover,
  158. .flair-004-x2:hover,
  159. .flair-005-x2:hover,
  160. .flair-006-x2:hover,
  161. .flair-007-x2:hover,
  162. .flair-008-x2:hover,
  163. .flair-009-x2:hover {text-indent: 63px; vertical-align: middle;}
  164.  
  165. /* 4 tier hover effect */
  166. .flair-001-002-003-x1:hover,
  167. .flair-001-002-004-x1:hover,
  168. .flair-001-002-005-x1:hover,
  169. .flair-001-002-006-x1:hover,
  170. .flair-001-002-007-x1:hover,
  171. .flair-001-002-008-x1:hover,
  172. .flair-001-002-009-x1:hover,
  173. .flair-001-002-x2:hover,
  174. .flair-001-003-x2:hover,
  175. .flair-001-004-x2:hover,
  176. .flair-001-005-x2:hover,
  177. .flair-001-006-x2:hover,
  178. .flair-001-007-x2:hover,
  179. .flair-001-008-x2:hover,
  180. .flair-001-009-x2:hover {text-indent: 93px; vertical-align:middle;}
  181.  
  182. /* 5 tier hover effect */
  183. .flair-001-002-003-x2:hover,
  184. .flair-001-002-004-x2:hover,
  185. .flair-001-002-005-x2:hover,
  186. .flair-001-002-006-x2:hover,
  187. .flair-001-002-007-x2:hover,
  188. .flair-001-002-008-x2:hover,
  189. .flair-001-002-009-x2:hover {text-indent: 113px; vertical-align:middle;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!