Advertisement
Guest User

/r/circlejerk former CSS

a guest
Mar 11th, 2015
11,466
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.50 KB | None | 0 0
  1. .author[href$="/raider_zerg"]:after {
  2. /*color: orange;*/
  3. content: url(%%check%%)
  4. }
  5.  
  6. /*.author[href$="/RiverKing"]:after {
  7. color: silver;
  8. content: "SCCJ FPL 2nd Place";
  9. }*/
  10. .author[href$="/DongFeast420"]:after {
  11. position: relative !important;
  12. left: 3px !important;
  13. overflow: visible !important;
  14. width: 125px !important;
  15. height: 15px !important;
  16. background-position: 0px 0px;
  17. /*content: " ";*/
  18. background-image: url(%%fpl-trophies%%);
  19. background-repeat: no-repeat;
  20. display: inline-block;
  21. color: gold;
  22. content: url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) "SCCJ FPL 1st Place";
  23. }
  24. .author[href$="/xdevilx2"]:after {
  25. position: relative !important;
  26. /*right: 15 !important;*/
  27. left: 3px !important;
  28. overflow: visible !important;
  29. width: 125px !important;
  30. height: 15px !important;
  31. background-position: 0px -32px;
  32. /*content: " ";*/
  33. background-image: url(%%fpl-trophies%%);
  34. background-repeat: no-repeat;
  35. display: inline-block;
  36. color: peru;
  37. content: url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) url(%%ws%%) "SCCJ FPL 3rd Place";
  38. }
  39. /*TODO DELETE ABOVE THIS LINE*/
  40.  
  41. /* Cursor */
  42. body {
  43. cursor:url(%%bw-cursor%%),default;
  44. }
  45.  
  46. /* Sticky */
  47. .stickied {
  48. }
  49.  
  50. /* Animations */
  51.  
  52. /* These slow down the page, I'm turning them off for now. -Fluff
  53.  
  54. .flair-funka:hover{
  55. transform-origin:76% 76% 0;
  56. -webkit-transform-origin:76% 76% 0;
  57. -webkit-transition-duration:30.00s;
  58. transition-duration:30.00s
  59. -webkit-transform:rotate(-36000deg);transform:rotate(-36000deg)
  60. }
  61.  
  62. @keyframes lordTLO {
  63. 0% { transform: scale(0); opacity: 0; }
  64. 50% { transform: scale(2); opacity: 1; }
  65. 100% { transform: scale(0); opacity: 0; }
  66. }
  67. @-webkit-keyframes lordTLO{
  68. 0% { -webkit-transform: scale(0); opacity: 0; }
  69. 50% { -webkit-transform: scale(2); opacity: 1; }
  70. 100% { -webkit-transform: scale(0); opacity: 0; }
  71. }
  72.  
  73. .flair-totalbiscuit {
  74. animation: cancer 3s infinite linear;
  75. -webkit-animation: cancer 3s infinite linear;
  76. }
  77. @keyframes cancer {
  78. 0% { transform: scale(0); opacity: 0; }
  79. 50% { transform: scale(2); opacity: 1; }
  80. 100% { transform: scale(0); opacity: 0; }
  81. }
  82. @-webkit-keyframes cancer {
  83. 0% { -webkit-transform: scale(0); opacity: 0; }
  84. 50% { -webkit-transform: scale(2); opacity: 1; }
  85. 100% { -webkit-transform: scale(0); opacity: 0; }
  86. }
  87.  
  88. .flair-tlo {
  89. animation: spin 1.5s infinite linear;
  90. -webkit-animation: spin 1.5s infinite linear;
  91. }
  92. @keyframes spin {
  93. from { transform: rotate(0deg); }
  94. to { transform: rotate(360deg); }
  95. }
  96. @-webkit-keyframes spin {
  97. from { -webkit-transform: rotate(0deg); }
  98. to { -webkit-transform: rotate(360deg); }
  99. }
  100.  
  101. */
  102.  
  103. del {
  104. display: block;
  105. text-decoration: none;
  106. animation: wiggle 1s infinite linear;
  107. -webkit-animation: wiggle 1s infinite linear;
  108. }
  109. @keyframes wiggle {
  110. 0% { transform: rotate(0deg); }
  111. 25% { transform: rotate(.9deg); }
  112. 50% { transform: rotate(0deg); }
  113. 75% { transform: rotate(-.9deg); }
  114. 100% { transform: rotate(0deg); }
  115. }
  116. @-webkit-keyframes wiggle {
  117. 0% { -webkit-transform: rotate(0deg); }
  118. 25% { -webkit-transform: rotate(.9deg); }
  119. 50% { -webkit-transform: rotate(0deg); }
  120. 75% { -webkit-transform: rotate(-.9deg); }
  121. 100% { -webkit-transform: rotate(0deg); }
  122. }
  123.  
  124. pre {
  125. animation: shake .3s infinite;
  126. -webkit-animation: shake .3s infinite;
  127. }
  128. @keyframes shake {
  129. 0% { transform: translate(0px, 0px); }
  130. 17% { transform: translate(-3px, 0px); }
  131. 34% { transform: translate(0px, 0px); }
  132. 51% { transform: translate(0px, -3px); }
  133. 68% { transform: translate(0px, 0px); }
  134. 85% { transform: translate(-3px, -3px); }
  135. 100% { transform: translate(0px, 0px); }
  136. }
  137. @-webkit-keyframes shake {
  138. 0% { -webkit-transform: translate(0px, 0px); }
  139. 17% { -webkit-transform: translate(-3px, 0px); }
  140. 34% { -webkit-transform: translate(0px, 0px); }
  141. 51% { -webkit-transform: translate(0px, -3px); }
  142. 68% { -webkit-transform: translate(0px, 0px); }
  143. 85% { -webkit-transform: translate(-3px, -3px); }
  144. 100% { -webkit-transform: translate(0px, 0px); }
  145. }
  146.  
  147. sup {
  148. }
  149.  
  150. /* Votes and Report */
  151. .arrow.down, .toggle.report-button { display: none; visibility: hidden; }
  152. .arrow.up:hover:before {
  153. z-index: 1000;
  154. position: absolute;
  155. content: "Up-TLO!";
  156. font-variant: small-caps;
  157. font-weight: bold;
  158. font-style: italic;
  159. text-shadow: 1px 1px 1px #11AFF0, 1px 1px 2px #8112B8;
  160. text-transform: capitalize;
  161. background-color: #FFFFFF;
  162. border: 1px solid #000000;
  163. padding: 0px 2px 1px 1px;
  164. margin-top: 29px;
  165. }
  166.  
  167. /* Header E6E1EC */
  168. #header {
  169. background: #E6E1EC url(%%nani%%) center left no-repeat;
  170. height: 173px;
  171. border-bottom: 1px solid #000000;
  172. font-style: italic;
  173. font-variant: small-caps;
  174. font-weight: bold;
  175. text-shadow: 1px 1px 1px #11AFF0, 1px 1px 2px #8112B8;
  176. text-transform: capitalize;
  177. }
  178. #header-bottom-left {
  179. position: absolute;
  180. bottom: 0px;
  181. }
  182. .pagename a, .pagename, .tabmenu li.selected a, .tabmenu li a {
  183. border: none;
  184. background: none;
  185. color: #000000;
  186. padding: 0px;
  187. }
  188. #header-bottom-right {
  189. border: none;
  190. background: none;
  191. padding-top: 120px;
  192. margin-right: 12px;
  193. }
  194. #header-bottom-right a, .user, .separator { color: #000000; }
  195.  
  196. /* Stickies */
  197. .side h4 {
  198. position: absolute;
  199. z-index: 100;
  200. padding: 5px;
  201. background: none;
  202. }
  203. .side h4:hover {
  204. background-color: #FFFFFF;
  205. }
  206. .side h4:nth-of-type(1) {
  207. left: 546px;
  208. top: 33px;
  209. }
  210. .side h4:nth-of-type(2) {
  211. left: 546px;
  212. top: 59px;
  213. }
  214. .side h4:nth-of-type(3) {
  215. left: 546px;
  216. top: 85px;
  217. }
  218. .side h4:nth-of-type(4) {
  219. left: 546px;
  220. top: 111px;
  221. }
  222. .side h4:nth-of-type(5) {
  223. left: 810px;
  224. top: 33px;
  225. }
  226. .side h4:nth-of-type(6) {
  227. left: 810px;
  228. top: 59px;
  229. }
  230. .side h4:nth-of-type(7) {
  231. left: 810px;
  232. top: 85px;
  233. }
  234. .side h4:nth-of-type(8) {
  235. left: 810px;
  236. top: 111px;
  237. }
  238.  
  239. /* Body */
  240. body, .side,
  241. .sidebox .spacer, .sidebox .subtitle {
  242. background: #FAFAFA url(%%logo%%) no-repeat fixed center center;
  243. }
  244. /*Night-mode Body Background Transparency TODO*/
  245. body.res-nightmode, .side,
  246. .sidebox .spacer, .sidebox .subtitle {
  247. height: 2500 px;
  248. background-position:center;
  249. background-attachment: fixed;
  250. background-repeat: no-repeat;
  251. }
  252. .res-nightmode div.content {background-color: rgba(0,0,0,0);}
  253.  
  254. /*Makes top level comment background transparent.*/
  255. .res-nightmode.res-commentBoxes .comments-page .comment {background-color:rgba(22,22,22,0.8) !important;}
  256.  
  257. /*Night-mode Body Background Transparency TODO*/
  258.  
  259. /* Headlines */
  260. div.content { margin: 25px; }
  261. .res-nightmode .link, .res-nightmode .nestedlisting {
  262. background-color: #313131;
  263. border-color: #2D2A2A;
  264. border-style: solid;
  265. border-width: 1px 1px 1px 3px;
  266. padding: 10px;
  267. margin-right: 305px;
  268. }
  269. .link, .nestedlisting {
  270. background-color: #FFFFFF;
  271. border-color: #E3E3E3;
  272. border-style: solid;
  273. border-width: 1px 1px 1px 3px;
  274. padding: 10px;
  275. margin-right: 305px;
  276. }
  277. .link .usertext .md {
  278. background-color: #FFFFFF;
  279. border: none;
  280. }
  281. .expando-button { float: right; }
  282.  
  283. /* Thumbnails */
  284. .thumbnail.default, .thumbnail.self {
  285. display: none !important;
  286. width: auto !important;
  287. }
  288. .midcol { margin-right: 7px; }
  289. .thumbnail { float: right; }
  290.  
  291. /* Comment Box Background */
  292. .commentarea > .usertext textarea {
  293. background-image: url(%%destiny%%);
  294. background-repeat: no-repeat;
  295. }
  296. .commentarea > .usertext textarea:focus {
  297. background-image: none;
  298. }
  299.  
  300. /* Sidebar */
  301. .titlebox, .sidecontentbox, .linkinfo {
  302. background-color: #FFFFFF;
  303. border: 1px solid #E3E3E3;
  304. padding: 5px;
  305. }
  306. .icon-menu a, .titlebox form.toggle, .leavemoderator {
  307. background-color: #FFFFFF;
  308. }
  309. .sidecontentbox .content, .titlebox .bottom { border: none; }
  310. .morelink,
  311. .morelink .nub, .morelink:hover, .morelink:hover .nub {
  312. background: none;
  313. border: none;
  314. }
  315. .morelink:hover a {
  316. color: #336699;
  317. text-decoration: underline;
  318. }
  319. .side a[href$="#side1"] { background-color: #63357A; margin-left: 10px; padding-left: 30px; }
  320. .side a[href$="#side2"] { background-color: #699A76; margin-left: 10px; padding-left: 30px; }
  321. .side a[href$="#side3"] { background-color: #476A96; margin-left: 10px; padding-left: 30px; }
  322. .side a[href$="#side4"] { background-color: #9E0B0F; margin-left: 10px; padding-left: 30px; }
  323. .side a[href$="#side5"] { background-color: #C9789A; margin-left: 10px; padding-left: 30px; }
  324. .side a[href$="#side6"] { background-color: #FBAF5D; margin-left: 10px; padding-left: 30px; }
  325. #search input[type="text"] {
  326. background: url(%%TLO%%) center center no-repeat;
  327. border-color: #E3E3E3;
  328. color: #FFFFFF;
  329. font-weight: bold;
  330. height: 99px;
  331. margin-top: 18px;
  332. }
  333.  
  334. /* TLO */
  335. div.linkinfo {
  336. background: url(%%TLO2%%) center top no-repeat;
  337. color: #FFFFFF;
  338. text-shadow: 1px 1px 1px #000000;
  339. height: 411px;
  340. line-height: 103px;
  341. text-align: center;
  342. }
  343.  
  344. /* Footer */
  345. .footer {
  346. background-color: #E6E1EC;
  347. }
  348. /* .footer-parent {
  349. height: 500px;
  350. background-image: url(%%Artosis%%);
  351. background-position: bottom center;
  352. background-repeat: no-repeat;
  353. } */
  354.  
  355. /* NSFW */
  356. .thumbnail.nsfw {
  357. background-image: url(%%dae%%);
  358. background-position: left top;
  359. }
  360.  
  361. /* Subscribers */
  362. .subscribers .word { display: none; }
  363. .subscribers .number::before { content: "17"; }
  364. .subscribers .number::after { content: " tombstones"; }
  365. .users-online .word { display: none; }
  366. .users-online .number::after { content: " corpses walk the earth"; }
  367.  
  368. /* Green Checkmarks */
  369. .author:after { padding-left: 5px; }
  370. .thing[data-ups="1"] > .entry .author:after { content: url(%%check%%) }
  371. .thing[data-ups="2"] > .entry .author:after { content: url(%%check%%) url(%%check%%); }
  372. .thing[data-ups="3"] > .entry .author:after { content: url(%%check%%) url(%%check%%) url(%%check%%); }
  373. .thing[data-ups="4"] > .entry .author:after { content: url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%); }
  374. .thing[data-ups="5"] > .entry .author:after { content: url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%); }
  375. .thing[data-ups="6"] > .entry .author:after { content: url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%); }
  376. .thing[data-ups="7"] > .entry .author:after { content: url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%); }
  377. .thing[data-ups="8"] > .entry .author:after { content: url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%); }
  378. .thing[data-ups="9"] > .entry .author:after { content: url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%) url(%%check%%); }
  379. .thing[data-ups="10"] > .entry .author:after,
  380. .thing[data-ups="11"] > .entry .author:after,
  381. .thing[data-ups="12"] > .entry .author:after,
  382. .thing[data-ups="13"] > .entry .author:after,
  383. .thing[data-ups="14"] > .entry .author:after,
  384. .thing[data-ups="15"] > .entry .author:after,
  385. .thing[data-ups="16"] > .entry .author:after,
  386. .thing[data-ups="17"] > .entry .author:after,
  387. .thing[data-ups="18"] > .entry .author:after,
  388. .thing[data-ups="19"] > .entry .author:after,
  389. .thing[data-ups="20"] > .entry .author:after,
  390. .thing[data-ups="21"] > .entry .author:after,
  391. .thing[data-ups="22"] > .entry .author:after,
  392. .thing[data-ups="23"] > .entry .author:after,
  393. .thing[data-ups="24"] > .entry .author:after,
  394. .thing[data-ups="25"] > .entry .author:after,
  395. .thing[data-ups="26"] > .entry .author:after,
  396. .thing[data-ups="27"] > .entry .author:after,
  397. .thing[data-ups="28"] > .entry .author:after,
  398. .thing[data-ups="29"] > .entry .author:after,
  399. .thing[data-ups="30"] > .entry .author:after,
  400. .thing[data-ups="31"] > .entry .author:after,
  401. .thing[data-ups="32"] > .entry .author:after,
  402. .thing[data-ups="33"] > .entry .author:after,
  403. .thing[data-ups="34"] > .entry .author:after,
  404. .thing[data-ups="35"] > .entry .author:after,
  405. .thing[data-ups="36"] > .entry .author:after,
  406. .thing[data-ups="37"] > .entry .author:after,
  407. .thing[data-ups="38"] > .entry .author:after,
  408. .thing[data-ups="39"] > .entry .author:after,
  409. .thing[data-ups="40"] > .entry .author:after,
  410. .thing[data-ups="41"] > .entry .author:after,
  411. .thing[data-ups="42"] > .entry .author:after,
  412. .thing[data-ups="43"] > .entry .author:after,
  413. .thing[data-ups="44"] > .entry .author:after,
  414. .thing[data-ups="45"] > .entry .author:after,
  415. .thing[data-ups="46"] > .entry .author:after,
  416. .thing[data-ups="47"] > .entry .author:after,
  417. .thing[data-ups="48"] > .entry .author:after,
  418. .thing[data-ups="49"] > .entry .author:after,
  419. .thing[data-ups="50"] > .entry .author:after { content: url(%%blizz%%); }
  420. .comment .tagline:after {
  421. content: url(%%gold%%);
  422. padding-left: 5px;
  423. }
  424.  
  425. /* Link Flair */
  426. .linkflairlabel {
  427. background: #FFFFFF;
  428. color: #000000;
  429. border: none;
  430. margin: 0px;
  431. }
  432. /*
  433. .linkflair-art .linkflairlabel,
  434. .linkflair-map .linkflairlabel,
  435. .linkflair-modding .linkflairlabel {
  436. background: #C9789A;
  437. }
  438. .linkflair-article .linkflairlabel,
  439. .linkflair-event .linkflairlabel,
  440. .linkflair-interview .linkflairlabel,
  441. .linkflair-fpl .linkflairlabel,
  442. .linkflair-news .linkflairlabel {
  443. background: #476A96;
  444. }
  445. .linkflair-discussion .linkflairlabel,
  446. .linkflair-question .linkflairlabel,
  447. .linkflair-request .linkflairlabel,
  448. .linkflair-suggestion .linkflairlabel {
  449. background: #63357A;
  450. }
  451. .linkflair-fluff .linkflairlabel,
  452. .linkflair-offer .linkflairlabel,
  453. .linkflair-other .linkflairlabel,
  454. .linkflair-shoutout .linkflairlabel {
  455. background: #FBAF5D;
  456. }
  457. .linkflair-show .linkflairlabel,
  458. .linkflair-stream .linkflairlabel,
  459. .linkflair-vod .linkflairlabel {
  460. background: #699A76;
  461. }
  462. .linkflair-spoiler .linkflairlabel {
  463. background: #9E0B0F;
  464. }
  465. */
  466.  
  467. /* Flair Bars */
  468. div .linkflair-art .entry,
  469. div .linkflair-map .entry,
  470. div .linkflair-modding .entry {
  471. border-left: solid 15px #C9789A;
  472. padding-left: 5px;
  473. }
  474. div .linkflair-article .entry,
  475. div .linkflair-event .entry,
  476. div .linkflair-interview .entry,
  477. div .linkflair-fpl .entry,
  478. div .linkflair-news .entry {
  479. border-left: solid 15px #476A96;
  480. padding-left: 5px;
  481. }
  482. div .linkflair-discussion .entry,
  483. div .linkflair-question .entry,
  484. div .linkflair-request .entry,
  485. div .linkflair-suggestion .entry {
  486. border-left: solid 15px #63357A;
  487. padding-left: 5px;
  488. }
  489. div .linkflair-fluff .entry,
  490. div .linkflair-offer .entry,
  491. div .linkflair-other .entry,
  492. div .linkflair-shoutout .entry {
  493. border-left: solid 15px #FBAF5D;
  494. padding-left: 5px;
  495. }
  496. div .linkflair-show .entry,
  497. div .linkflair-stream .entry,
  498. div .linkflair-vod .entry {
  499. border-left: solid 15px #699A76;
  500. padding-left: 5px;
  501. }
  502. div .linkflair-spoiler .entry {
  503. border-left: solid 15px #9E0B0F;
  504. padding-left: 5px;
  505. }
  506.  
  507. /* User Flair */
  508. .flairselector .customizer { display: none !important; }
  509. .flair {
  510. /*margin: 13px 0px 0px 0px; TODO HP*/
  511. border: none !important;
  512. padding: 0px;
  513. background: url(%%flairs%%) no-repeat -9999px -9999px;
  514. color: #000000;
  515. font-size: x-small;
  516. font-style: italic;
  517. font-variant: small-caps;
  518. font-weight: bold;
  519. text-shadow: 1px 1px 1px #11AFF0, 1px 1px 2px #8112B8;
  520. text-transform: capitalize;
  521. text-align: center;
  522. }
  523. .link .flair, .entry .tagline .flair { float: left; }
  524. .flair-adolf{ background-position: 0 0; width: 41px; height: 41px; }
  525. .flair-churchill{ background-position: 0 -42px; width: 41px; height: 41px; }
  526. .flair-hirohito{ background-position: 0 -84px; width: 41px; height: 41px; }
  527. .flair-kimilsung{ background-position: 0 -126px; width: 41px; height: 41px; }
  528. .flair-mao{ background-position: 0 -168px; width: 41px; height: 41px; }
  529. .flair-mussolini{ background-position: 0 -210px; width: 41px; height: 41px; }
  530. .flair-stalin{ background-position: 0 -252px; width: 41px; height: 41px; }
  531. .flair-apollo{ background-position: 0 -294px; width: 41px; height: 41px; }
  532. .flair-artosis{ background-position: 0 -336px; width: 41px; height: 41px; }
  533. .flair-axslav{ background-position: 0 -378px; width: 41px; height: 41px; }
  534. .flair-catspajamas{ background-position: 0 -420px; width: 41px; height: 41px; }
  535. .flair-catz{ background-position: 0 -462px; width: 41px; height: 41px; }
  536. .flair-coachpark{ background-position: 0 -504px; width: 41px; height: 41px; }
  537. .flair-davidkim{ background-position: 0 -546px; width: 41px; height: 41px; }
  538. .flair-day9{ background-position: 0 -588px; width: 41px; height: 41px; }
  539. .flair-demuslim{ background-position: 0 -630px; width: 41px; height: 41px; }
  540. .flair-destiny{ background-position: 0 -672px; width: 41px; height: 41px; }
  541. .flair-djwheat{ background-position: 0 -714px; width: 41px; height: 41px; }
  542. .flair-dustinbrowder{ background-position: 0 -756px; width: 41px; height: 41px; }
  543. .flair-gretorp{ background-position: 0 -798px; width: 41px; height: 41px; }
  544. .flair-grubby{ background-position: 0 -840px; width: 41px; height: 41px; }
  545. .flair-hd{ background-position: 0 -882px; width: 41px; height: 41px; }
  546. .flair-huk{ background-position: 0 -924px; width: 41px; height: 41px; }
  547. .flair-husky{ background-position: 0 -966px; width: 41px; height: 41px; }
  548. .flair-idra{ background-position: 0 -1008px; width: 41px; height: 41px; }
  549. .flair-incontrol{ background-position: 0 -1050px; width: 41px; height: 41px; }
  550. .flair-jaedong{ background-position: 0 -1092px; width: 41px; height: 41px; }
  551. .flair-jinro{ background-position: 0 -1134px; width: 41px; height: 41px; }
  552. .flair-jp{ background-position: 0 -1176px; width: 41px; height: 41px; }
  553. .flair-machine{ background-position: 0 -1218px; width: 41px; height: 41px; }
  554. .flair-mrbitter{ background-position: 0 -1260px; width: 41px; height: 41px; }
  555. .flair-naniwa{ background-position: 0 -1302px; width: 41px; height: 41px; }
  556. .flair-rotterdam{ background-position: 0 -1344px; width: 41px; height: 41px; }
  557. .flair-sirscoots{ background-position: 0 -1386px; width: 41px; height: 41px; }
  558. .flair-stephano{ background-position: 0 -1428px; width: 41px; height: 41px; }
  559. .flair-tasteless{ background-position: 0 -1470px; width: 41px; height: 41px; }
  560. .flair-tlo{ background-position: 0 -1512px; width: 41px; height: 41px; }
  561. .flair-totalbiscuit{ background-position: 0 -1554px; width: 41px; height: 41px; }
  562. .flair-whitera{ background-position: 0 -1596px; width: 41px; height: 41px; }
  563. .flair-archon{ background-position: 0 -1638px; width: 41px; height: 41px; }
  564. .flair-baneling{ background-position: 0 -1680px; width: 41px; height: 41px; }
  565. .flair-banshee{ background-position: 0 -1722px; width: 41px; height: 41px; }
  566. .flair-battlecruiser{ background-position: 0 -1764px; width: 41px; height: 41px; }
  567. .flair-broodlord{ background-position: 0 -1806px; width: 41px; height: 41px; }
  568. .flair-carrier{ background-position: 0 -1848px; width: 41px; height: 41px; }
  569. .flair-colossus{ background-position: 0 -1890px; width: 41px; height: 41px; }
  570. .flair-corruptor{ background-position: 0 -1932px; width: 41px; height: 41px; }
  571. .flair-darktemplar{ background-position: 0 -1974px; width: 41px; height: 41px; }
  572. .flair-drone{ background-position: -42px 0; width: 41px; height: 41px; }
  573. .flair-ghost{ background-position: -42px -42px; width: 41px; height: 41px; }
  574. .flair-hellbat{ background-position: -42px -84px; width: 41px; height: 41px; }
  575. .flair-hellion{ background-position: -42px -126px; width: 41px; height: 41px; }
  576. .flair-hightemplar{ background-position: -42px -168px; width: 41px; height: 41px; }
  577. .flair-hydralisk{ background-position: -42px -210px; width: 41px; height: 41px; }
  578. .flair-immortal{ background-position: -42px -252px; width: 41px; height: 41px; }
  579. .flair-infestor{ background-position: -42px -294px; width: 41px; height: 41px; }
  580. .flair-larva{ background-position: -42px -336px; width: 41px; height: 41px; }
  581. .flair-marauder{ background-position: -42px -378px; width: 41px; height: 41px; }
  582. .flair-marine{ background-position: -42px -420px; width: 41px; height: 41px; }
  583. .flair-medivac{ background-position: -42px -462px; width: 41px; height: 41px; }
  584. .flair-mothership{ background-position: -42px -504px; width: 41px; height: 41px; }
  585. .flair-mothershipcore{ background-position: -42px -546px; width: 41px; height: 41px; }
  586. .flair-mutalisk{ background-position: -42px -588px; width: 41px; height: 41px; }
  587. .flair-nydusworm{ background-position: -42px -630px; width: 41px; height: 41px; }
  588. .flair-observer{ background-position: -42px -672px; width: 41px; height: 41px; }
  589. .flair-oracle{ background-position: -42px -714px; width: 41px; height: 41px; }
  590. .flair-overlord{ background-position: -42px -756px; width: 41px; height: 41px; }
  591. .flair-overseer{ background-position: -42px -798px; width: 41px; height: 41px; }
  592. .flair-phoenix{ background-position: -42px -840px; width: 41px; height: 41px; }
  593. .flair-probe{ background-position: -42px -882px; width: 41px; height: 41px; }
  594. .flair-queen{ background-position: -42px -924px; width: 41px; height: 41px; }
  595. .flair-raven{ background-position: -42px -966px; width: 41px; height: 41px; }
  596. .flair-reaper{ background-position: -42px -1008px; width: 41px; height: 41px; }
  597. .flair-roach{ background-position: -42px -1050px; width: 41px; height: 41px; }
  598. .flair-scv{ background-position: -42px -1092px; width: 41px; height: 41px; }
  599. .flair-sentry{ background-position: -42px -1134px; width: 41px; height: 41px; }
  600. .flair-siegetank{ background-position: -42px -1176px; width: 41px; height: 41px; }
  601. .flair-stalker{ background-position: -42px -1218px; width: 41px; height: 41px; }
  602. .flair-swarmhost{ background-position: -42px -1260px; width: 41px; height: 41px; }
  603. .flair-tempest{ background-position: -42px -1302px; width: 41px; height: 41px; }
  604. .flair-thor{ background-position: -42px -1344px; width: 41px; height: 41px; }
  605. .flair-ultralisk{ background-position: -42px -1386px; width: 41px; height: 41px; }
  606. .flair-viking{ background-position: -42px -1428px; width: 41px; height: 41px; }
  607. .flair-viper{ background-position: -42px -1470px; width: 41px; height: 41px; }
  608. .flair-voidray{ background-position: -42px -1512px; width: 41px; height: 41px; }
  609. .flair-warpprism{ background-position: -42px -1554px; width: 41px; height: 41px; }
  610. .flair-widowmine{ background-position: -42px -1596px; width: 41px; height: 41px; }
  611. .flair-zealot{ background-position: -42px -1638px; width: 41px; height: 41px; }
  612. .flair-zergling{ background-position: -42px -1680px; width: 41px; height: 41px; }
  613. .flair-scarlett{ background-position: -42px -1722px; width: 41px; height: 41px; }
  614. .flair-funka{ background-position: -42px -1764px; width: 41px; height: 41px; }
  615. .flair-burgerman{ background-position: -42px -1806px; width: 41px; height: 41px; }
  616. .flair-camdozer{ background-position: -42px -1848px; width: 41px; height: 41px; }
  617. .flair-kas{ background-position: -42px -1890px; width: 41px; height: 41px; }
  618.  
  619. .flair-goldblum {
  620. border: none !important;
  621. padding: 0px;
  622. background: url(%%blizz%%) no-repeat -9999px -9999px;
  623. background-position: 0 0;
  624. width: 20px;
  625. height: 13px;
  626. }
  627.  
  628. a[href="/hater"]:after {
  629. width: 764px;
  630. height: 82px;
  631. content: " ";
  632. background-image: url(%%hater%%);
  633. display: inline-block;
  634. pointer-events: none;
  635. }
  636. a[href="/riskygtfo"]:after {
  637. width: 344px;
  638. height: 58px;
  639. content: " ";
  640. background-image: url(%%risky%%);
  641. display: inline-block;
  642. pointer-events: none;
  643. }
  644. a[href="/Burgunnars"]:after{display:inline-block;height:100px;width:500px;background-image:url(%%gunnar%%);vertical-align:bottom;content: " ";}
  645. a[href="/LoversKiss"]:after{display:inline-block;height:100px;width:500px;background-image:url(%%tlolips%%);vertical-align:bottom;content: " ";}
  646. a[href="/WWTLOD"]:after{display:inline-block;height:66px;width:1058px;background-image:url(%%WWTLOD%%);vertical-align:bottom;content: " ";}
  647.  
  648. /*Twitch Emotes*/
  649. /*a[href="/BibleThump"]:after{display:inline-block;height:30px;width:36px;background-image:url(%%BibleThump%%);vertical-align:bottom;content: " ";}
  650. /*a[href="/FrankerZ"]:after{display:inline-block;height:30px;width:40px;background-image:url(%%FrankerZ%%);vertical-align:bottom;content: " ";}
  651. a[href="/Kappa"]:after{display:inline-block;height:28px;width:25px;background-image:url(%%Kappa%%);vertical-align:bottom;content: " ";}
  652. a[href="/PJSalt"]:after{display:inline-block;height:30px;width:36px;background-image:url(%%PJSalt%%); vertical-align:bottom;content: " ";}
  653. a[href="/Kreygasm"]:after{display:inline-block;height:27px;width:19px;background-image:url(%%Kreygasm%%); vertical-align:bottom;content: " ";}
  654. a[href="/FailFish"]:after{display:inline-block;height:30px;width:22px;background-image:url(%%FailFish%%); vertical-align:bottom;content: " ";}
  655. a[href="/hlspwn"]:after{display:inline-block;height:30px;width:60px;background-image:url(%%hlspwn%%); vertical-align:bottom;content: " ";}
  656. a[href="/apollosc"]:after{display:inline-block;height:30px;width:60px;background-image:url(%%apollosc%%); vertical-align:bottom;content: " ";}
  657. a[href="/Keepo"]:after{display:inline-block;height:29px;width:27px;background-image:url(%%Keepo%%); vertical-align:bottom;content: " ";}*/
  658.  
  659. /*Dumb FluffRule images */
  660. a[href="/keen"]:after{display:inline-block;height:100px;width:177px;background-image:url(%%keen%%); vertical-align:bottom;content: " ";}
  661. a[href="/tlo"]:after{display:inline-block;height:150px;width:150px;background-image:url(%%tlowink%%); vertical-align:bottom;content: " ";}
  662. a[href="/snoop"]:after{display:inline-block;height:130px;width:58px;background-image:url(%%snoop%%); vertical-align:bottom;content: " ";}
  663. a[href="/kfc"]:after{display:inline-block;height:157px;width:200px;background-image:url(%%kfc%%); vertical-align:bottom;content: " ";}
  664. a[href="/burgerman"]:after{display:inline-block;height:100px;width:126px;background-image:url(%%burgerman%%); vertical-align:bottom;content: " ";}
  665.  
  666. /* User Summons */
  667. a[href="/u/ibleeedorange"] {visibility: hidden;}
  668. a[href="/u/ibleeedorange"]:after{display:inline-block;height:230px;width:143px;background-image:url(%%orange%%); vertical-align:bottom;content: " ";visibility: visible;}
  669. a[href="/u/neodestiny"] {visibility: hidden;}
  670. a[href="/u/neodestiny"]:after{display:inline-block;height:200px;width:200px;background-image:url(%%destinypenis%%); vertical-align:bottom;content: " ";visibility: visible;}
  671. a[href="/u/EG_iNcontroLRC"] {visibility: hidden;}
  672. a[href="/u/EG_iNcontroLRC"]:after{display:inline-block;height:100px;width:126px;background-image:url(%%burgerman%%); vertical-align:bottom;content: " ";visibility: visible;}
  673. a[href="/u/riskychris"] {visibility: hidden;}
  674. a[href="/u/riskychris"]:after{display:inline-block;height:200px;width:200px;background-image:url(%%ech%%); vertical-align:bottom;content: " ";visibility: visible;}
  675. a[href="/u/xlnqeniuz"] {visibility: hidden;}
  676. a[href="/u/xlnqeniuz"]:after{display:inline-block;height:36px;width:40px;background-image:url(%%poop%%); vertical-align:bottom;content: " ";visibility: visible;}
  677. a[href="/u/BlizzDavidKim"] {visibility: hidden;}
  678. a[href="/u/BlizzDavidKim"]:after{display:inline-block;height:333px;width:267px;background-image:url(%%kimnightmode%%); vertical-align:bottom;content: " ";visibility: visible;}
  679. a[href="/u/BlizzDustinBrowder"] {visibility: hidden;}
  680. a[href="/u/BlizzDustinBrowder"]:after{display:inline-block;height:333px;width:267px;background-image:url(%%kimnightmode%%); vertical-align:bottom;content: " ";visibility: visible;}
  681. a[href="/u/fluffrule"] {visibility: hidden;}
  682. a[href="/u/fluffrule"]:after{display:inline-block;height:130px;width:58px;background-image:url(%%snoop%%); vertical-align:bottom;content: " ";visibility: visible;}
  683.  
  684. /* lawl, we could make a custom one of these for all of the user summons, who am I missing? */
  685.  
  686. /*Konami Code: ^^ vv < > < > b a enter*/
  687. #baconBit {
  688. height: 15px !important;
  689. width: 45px !important;
  690. background-image: url(%%hp-9%%) !important;
  691. -webkit-transition: all 10s linear !important;
  692. -moz-transition: all 10s linear !important;
  693. -o-transition: all 10s linear !important;
  694. -ms-transition: all 10s linear !important;
  695. }
  696.  
  697. /*Styling for comment emotes -- static images*/
  698.  
  699. a[href="/4Head"]:after,a[href="/BabyRage"]:after,a[href="/BibleThump"]:after,a[href="/BionicBunion"]:after,a[href="/BrokeBack"]:after,a[href="/DAESuppy"]:after,a[href="/DansGame"]:after,a[href="/DatSheffy"]:after,a[href="/DendiFace"]:after,a[href="/DogFace"]:after,a[href="/EleGiggle"]:after,a[href="/FailFish"]:after,a[href="/FrankerZ"]:after,a[href="/HeyGuys"]:after,a[href="/HotPokket"]:after,a[href="/KAPOW"]:after,a[href="/Kappa"]:after,a[href="/Keepo"]:after,a[href="/KevinTurtle"]:after,a[href="/Kreygasm"]:after,a[href="/OMGScoots"]:after,a[href="/OpieOP"]:after,a[href="/PJSalt"]:after,a[href="/PMSTwin"]:after,a[href="/PogChamp"]:after,a[href="/PuppeyFace"]:after,a[href="/ResidentSleeper"]:after,a[href="/SMOrc"]:after,a[href="/SwiftRage"]:after,a[href="/TheThing"]:after,a[href="/TriHard"]:after,a[href="/WholeWheat"]:after,a[href="/WinWaker"]:after,a[href="/WutFace"]:after,a[href="/Fighting"]:after,a[href="/Evertim"]:after,a[href="/SickCity"]:after,a[href="/IMBA"]:after,a[href="/Pylon"]:after,a[href="/supsonr"]:after,a[href="/supsonl"]:after,a[href="/adbc"]:after,a[href="/apollosc"]:after,a[href="/hlspwn"]:after,a[href="/2dg"]:after
  700. {
  701. cursor: default;
  702. display: inline-block;
  703. background-image: url(%%emotes%%);
  704. background-repeat: no-repeat;
  705. content: " ";
  706. }
  707.  
  708. a[href="/4Head"]:after {
  709. background-position: 0 0px;
  710. width: 20px;
  711. height: 30px;
  712. }
  713.  
  714. a[href="/BabyRage"]:after {
  715. background-position: 0 -40px;
  716. width: 28px;
  717. height: 28px;
  718. }
  719.  
  720. a[href="/BibleThump"]:after {
  721. background-position: 0 -80px;
  722. width: 36px;
  723. height: 30px;
  724. }
  725.  
  726. a[href="/BionicBunion"]:after {
  727. background-position: 0 -120px;
  728. width: 30px;
  729. height: 30px;
  730. }
  731.  
  732. a[href="/BrokeBack"]:after {
  733. background-position: 0 -160px;
  734. width: 28px;
  735. height: 28px;
  736. }
  737.  
  738. a[href="/DAESuppy"]:after {
  739. background-position: 0 -200px;
  740. width: 28px;
  741. height: 28px;
  742. }
  743.  
  744. a[href="/DansGame"]:after {
  745. background-position: 0 -240px;
  746. width: 25px;
  747. height: 32px;
  748. }
  749.  
  750. a[href="/DatSheffy"]:after {
  751. background-position: 0 -280px;
  752. width: 24px;
  753. height: 30px;
  754. }
  755.  
  756. a[href="/DendiFace"]:after {
  757. background-position: 0 -320px;
  758. width: 28px;
  759. height: 28px;
  760. }
  761.  
  762. a[href="/DogFace"]:after {
  763. background-position: 0 -360px;
  764. width: 22px;
  765. height: 28px;
  766. }
  767.  
  768. a[href="/EleGiggle"]:after {
  769. background-position: 0 -400px;
  770. width: 28px;
  771. height: 28px;
  772. }
  773.  
  774. a[href="/FailFish"]:after {
  775. background-position: 0 -440px;
  776. width: 22px;
  777. height: 30px;
  778. }
  779.  
  780. a[href="/"]:after {
  781. background-position: 0 -480px;
  782. width: 40px;
  783. height: 30px;
  784. }
  785.  
  786. a[href="/HeyGuys"]:after {
  787. background-position: 0 -520px;
  788. width: 28px;
  789. height: 28px;
  790. }
  791.  
  792. a[href="/HotPokket"]:after {
  793. background-position: 0 -560px;
  794. width: 28px;
  795. height: 30px;
  796. }
  797.  
  798. a[href="/KAPOW"]:after {
  799. background-position: 0 -600px;
  800. width: 28px;
  801. height: 28px;
  802. }
  803.  
  804. a[href="/Kappa"]:after {
  805. background-position: 0 -640px;
  806. width: 25px;
  807. height: 28px;
  808. }
  809.  
  810. a[href="/Keepo"]:after {
  811. background-position: 0 -680px;
  812. width: 27px;
  813. height: 29px;
  814. }
  815.  
  816. a[href="/KevinTurtle"]:after {
  817. background-position: 0 -720px;
  818. width: 21px;
  819. height: 27px;
  820. }
  821.  
  822. a[href="/Kreygasm"]:after {
  823. background-position: 0 -760px;
  824. width: 19px;
  825. height: 27px;
  826. }
  827.  
  828. a[href="/OMGScoots"]:after {
  829. background-position: 0 -800px;
  830. width: 22px;
  831. height: 28px;
  832. }
  833.  
  834. a[href="/OpieOP"]:after {
  835. background-position: 0 -840px;
  836. width: 21px;
  837. height: 30px;
  838. }
  839.  
  840. a[href="/PJSalt"]:after {
  841. background-position: 0 -880px;
  842. width: 36px;
  843. height: 30px;
  844. }
  845.  
  846. a[href="/PMSTwin"]:after {
  847. background-position: 0 -920px;
  848. width: 23px;
  849. height: 30px;
  850. }
  851.  
  852. a[href="/PogChamp"]:after {
  853. background-position: 0 -960px;
  854. width: 23px;
  855. height: 30px;
  856. }
  857.  
  858. a[href="/PuppeyFace"]:after {
  859. background-position: 0 -1000px;
  860. width: 28px;
  861. height: 28px;
  862. }
  863.  
  864. a[href="/ResidentSleeper"]:after {
  865. background-position: 0 -1040px;
  866. width: 28px;
  867. height: 28px;
  868. }
  869.  
  870. a[href="/SMOrc"]:after {
  871. background-position: 0 -1080px;
  872. width: 32px;
  873. height: 32px;
  874. }
  875.  
  876. a[href="/SwiftRage"]:after {
  877. background-position: 0 -1120px;
  878. width: 21px;
  879. height: 28px;
  880. }
  881.  
  882. a[href="/TheThing"]:after {
  883. background-position: 0 -1160px;
  884. width: 28px;
  885. height: 28px;
  886. }
  887.  
  888. a[href="/TriHard"]:after {
  889. background-position: 0 -1200px;
  890. width: 24px;
  891. height: 30px;
  892. }
  893.  
  894. a[href="/WholeWheat"]:after {
  895. background-position: 0 -1240px;
  896. width: 20px;
  897. height: 30px;
  898. }
  899.  
  900. a[href="/WinWaker"]:after {
  901. background-position: 0 -1280px;
  902. width: 30px;
  903. height: 30px;
  904. }
  905.  
  906. a[href="/WutFace"]:after {
  907. background-position: 0 -1320px;
  908. width: 28px;
  909. height: 28px;
  910. }
  911.  
  912. a[href="/Fighting"]:after {
  913. background-position: -40px 0px;
  914. width: 57px;
  915. height: 27px;
  916. }
  917.  
  918. a[href="/Evertim"]:after {
  919. background-position: -40px -40px;
  920. width: 38px;
  921. height: 28px;
  922. }
  923.  
  924. a[href="/SickCity"]:after {
  925. background-position: -40px -80px;
  926. width: 47px;
  927. height: 28px;
  928. }
  929.  
  930. a[href="/IMBA"]:after {
  931. background-position: -40px -120px;
  932. width: 47px;
  933. height: 28px;
  934. }
  935.  
  936. a[href="/Pylon"]:after {
  937. background-position: -40px -160px;
  938. width: 47px;
  939. height: 28px;
  940. }
  941.  
  942. a[href="/supsonr"]:after {
  943. background-position: -40px -200px;
  944. width: 45px;
  945. height: 17px;
  946. }
  947.  
  948. a[href="/supsonl"]:after {
  949. background-position: -40px -240px;
  950. width: 45px;
  951. height: 17px;
  952. }
  953.  
  954. a[href="/adbc"]:after {
  955. background-position: -40px -280px;
  956. width: 23px;
  957. height: 30px;
  958. }
  959.  
  960. a[href="/apollosc"]:after {
  961. background-position: -40px -320px;
  962. width: 60px;
  963. height: 30px;
  964. }
  965.  
  966. a[href="/hlspwn"]:after {
  967. background-position: -40px -360px;
  968. width: 60px;
  969. height: 30px;
  970. }
  971.  
  972. a[href="/2dg"]:after {
  973. background-position: -40px -400px;
  974. width: 56px;
  975. height: 30px;
  976. }
  977.  
  978.  
  979. /*TODO Turn this hover/focus action into health bars
  980. I'd like this health bar to appear ABOVE the page without having to expand the box that the
  981. flair sits in (which pushes content around the page) - RiskyChris
  982. */
  983.  
  984. /*
  985. .flair{
  986. margin: 13px 0px 0px 0px;
  987. }
  988.  
  989. Randomizes health bars shown, really wonky, need to find a way to collapse the images down to 1 image file (couldn't make it work), since this blew out the 50 image limit
  990.  
  991. .thing[data-fullname$="1"] .flair:before{content:url(%%hp-1%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  992. .thing[data-fullname$="2"] .flair:before{content:url(%%hp-2%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  993. .thing[data-fullname$="3"] .flair:before{content:url(%%hp-3%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  994. .thing[data-fullname$="4"] .flair:before{content:url(%%hp-4%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  995. .thing[data-fullname$="5"] .flair:before{content:url(%%hp-5%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  996. .thing[data-fullname$="6"] .flair:before{content:url(%%hp-6%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  997. .thing[data-fullname$="7"] .flair:before{content:url(%%hp-7%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  998. .thing[data-fullname$="8"] .flair:before{content:url(%%hp-8%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  999. .thing[data-fullname$="9"] .flair:before{content:url(%%hp-9%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1000. .thing[data-fullname$="0"] .flair:before{content:url(%%hp-7%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1001. .thing[data-fullname$="q"] .flair:before{content:url(%%hp-a%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1002. .thing[data-fullname$="w"] .flair:before{content:url(%%hp-b%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1003. .thing[data-fullname$="e"] .flair:before{content:url(%%hp-c%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1004. .thing[data-fullname$="r"] .flair:before{content:url(%%hp-d%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1005. .thing[data-fullname$="t"] .flair:before{content:url(%%hp-e%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1006. .thing[data-fullname$="y"] .flair:before{content:url(%%hp-1%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1007. .thing[data-fullname$="u"] .flair:before{content:url(%%hp-2%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1008. .thing[data-fullname$="i"] .flair:before{content:url(%%hp-3%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1009. .thing[data-fullname$="o"] .flair:before{content:url(%%hp-4%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1010. .thing[data-fullname$="p"] .flair:before{content:url(%%hp-5%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1011. .thing[data-fullname$="a"] .flair:before{content:url(%%hp-6%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1012. .thing[data-fullname$="s"] .flair:before{content:url(%%hp-7%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1013. .thing[data-fullname$="d"] .flair:before{content:url(%%hp-8%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1014. .thing[data-fullname$="f"] .flair:before{content:url(%%hp-9%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1015. .thing[data-fullname$="g"] .flair:before{content:url(%%hp-8%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1016. .thing[data-fullname$="h"] .flair:before{content:url(%%hp-a%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1017. .thing[data-fullname$="j"] .flair:before{content:url(%%hp-b%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1018. .thing[data-fullname$="k"] .flair:before{content:url(%%hp-c%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1019. .thing[data-fullname$="l"] .flair:before{content:url(%%hp-d%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1020. .thing[data-fullname$="z"] .flair:before{content:url(%%hp-e%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1021. .thing[data-fullname$="x"] .flair:before{content:url(%%hp-1%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1022. .thing[data-fullname$="c"] .flair:before{content:url(%%hp-2%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1023. .thing[data-fullname$="v"] .flair:before{content:url(%%hp-3%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1024. .thing[data-fullname$="b"] .flair:before{content:url(%%hp-4%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1025. .thing[data-fullname$="n"] .flair:before{content:url(%%hp-5%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1026. .thing[data-fullname$="m"] .flair:before{content:url(%%hp-6%%);font-size:14px;margin-left:0px;position:relative;color:#C2185B;bottom:15px; z-index:101231232;}
  1027. */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement