API tools faq
paste
Advertisement
Guest User

hqg css

a guest
Feb 23rd, 2017
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 73.35 KB | None | 0 0
raw download clone embed print report
  1. .side div:nth-child(7) .sidecontentbox .content li:nth-child(1), .side div:nth-child(8) .sidecontentbox .content li:nth-child(1), .side div:nth-child(9) .sidecontentbox .content li:nth-child(1){
  2. display:none;
  3. }
  4.  
  5. /* hide contest names - change the link id per contest thread */
  6.  
  7. .nestedlisting[id$="5uztpd"] a.author { display: none; }
  8. .nestedlisting[id$="5uztpd"] .userattrs a.submitter:after { display: none; }
  9. .nestedlisting[id$="5uztpd"] .flair { display: none; }
  10. .nestedlisting[id$="5uztpd"] .author + *:before { content: 'Username hidden '; color: #f00; }
  11. .nestedlisting[id$="5uztpd"] .tagline .RESUserTag .userTagLink,
  12. .nestedlisting[id$="5uztpd"] .tagline .voteWeight {display: none !important;}
  13. #siteTable_t3_5uztpd .comment .arrow.down {display:none;}
  14.  
  15.  
  16.  
  17. /* Header */
  18. .linkflairlabel, .flair { max-width: 100%; }
  19.  
  20.  
  21. #header { background: url(%%hqg-banner%%) 0 19px; height: 160px; }
  22.  
  23. #header-bottom-left { position: absolute; bottom: 0; }
  24.  
  25. #header:before {
  26.     background: url(%%hqg-banner%%) no-repeat center top;
  27.     content: '';
  28.     position: absolute;
  29.     height: 160px;
  30.     top: 0px;
  31.     right: 0;
  32.     bottom: 0;
  33.     left: 0;
  34.     z-index: -1;
  35.     -webkit-animation: pan 160s linear infinite;
  36.     -moz-animation: pan 160s linear infinite;
  37.     animation: pan 160s linear infinite;
  38. }
  39. @-webkit-keyframes pan {
  40.     0%   { background-position: 50% 0; }
  41.     50%  { background-position: 50% -950px; }
  42.     100% { background-position: 50% 0; }
  43. }
  44. @-moz-keyframes pan {
  45.     0%   { background-position: 50% 0; }
  46.     50%  { background-position: 50% -950px; }
  47.     100% { background-position: 50% 0; }
  48. }
  49. @keyframes pan {
  50.     0%   { background-position: 50% 0; }
  51.     50%  { background-position: 50% -950px; }
  52.     100% { background-position: 50% 0; }
  53. }
  54.  
  55.  
  56.  
  57.  
  58.  
  59. .fancy-toggle-button > .option.add, .fancy-toggle-button > .option.remove, .morelink a,
  60. .fancy-settings button,
  61. .usertext-edit button.save,
  62. .usertext-edit button.cancel,
  63. .tabbedpane button,
  64. .flairselector button,
  65. .wiki-page-content button,
  66. .formtabs-content button,
  67. .fancy-settings .linefield button,
  68. button.btn,
  69. input[type=submit], .res .RESshortcutside, .res .RESshortcutside.remove,
  70. .res .RESDashboardToggle,
  71. .res .RESDashboardToggle.remove, .res #BigEditor button, .res #alert_message > input[type=button], .res.res-nightmode .content button,
  72. .res.res-nightmode .content input[type=submit],
  73. .res.res-nightmode button,
  74. .res.res-nightmode input[type=submit] {
  75.   color: white;
  76.   font-family: "Trebuchet MS", Helvetica, sans-serif;
  77.   padding: 2px 8px;
  78.   width: auto;
  79.   min-width: 4em;
  80.   height: auto;
  81.   line-height: 1.5em;
  82.   vertical-align: middle;
  83.   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  84.   text-decoration: none;
  85.   border: none;
  86.   text-align: center;
  87.   margin-right: 3px;
  88.   background: -webkit-linear-gradient(top, #51b3d6, #006f9c);
  89.   background: -moz-linear-gradient(top, #51b3d6, #006f9c);
  90.   background: linear-gradient(to bottom, #51b3d6, #006f9c);
  91.   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  92.   border-radius: 4px;
  93. }
  94. .fancy-toggle-button > .option.add:visited, .fancy-toggle-button > .option.remove:visited, .morelink a:visited,
  95. .fancy-settings button:visited,
  96. .usertext-edit button.save:visited,
  97. .usertext-edit button.cancel:visited,
  98. .tabbedpane button:visited,
  99. .flairselector button:visited,
  100. .wiki-page-content button:visited,
  101. .formtabs-content button:visited,
  102. button.btn:visited,
  103. input[type=submit]:visited, .res .RESshortcutside:visited,
  104. .res .RESDashboardToggle:visited, .res #BigEditor button:visited, .res #alert_message > input[type=button]:visited,
  105. .res.res-nightmode button:visited,
  106. .res.res-nightmode input[type=submit]:visited {
  107.   color: white;
  108. }
  109. .fancy-toggle-button > .option.add:hover, .fancy-toggle-button > .option.remove:hover, .morelink a:hover,
  110. .fancy-settings button:hover,
  111. .usertext-edit button.save:hover,
  112. .usertext-edit button.cancel:hover,
  113. .tabbedpane button:hover,
  114. .flairselector button:hover,
  115. .wiki-page-content button:hover,
  116. .formtabs-content button:hover,
  117. button.btn:hover,
  118. input[type=submit]:hover, .res .RESshortcutside:hover,
  119. .res .RESDashboardToggle:hover, .res #BigEditor button:hover, .res #alert_message > input[type=button]:hover,
  120. .res.res-nightmode button:hover,
  121. .res.res-nightmode input[type=submit]:hover, .fancy-toggle-button > .option.add:focus, .fancy-toggle-button > .option.remove:focus, .morelink a:focus,
  122. .fancy-settings button:focus,
  123. .usertext-edit button.save:focus,
  124. .usertext-edit button.cancel:focus,
  125. .tabbedpane button:focus,
  126. .flairselector button:focus,
  127. .wiki-page-content button:focus,
  128. .formtabs-content button:focus,
  129. button.btn:focus,
  130. input[type=submit]:focus, .res .RESshortcutside:focus,
  131. .res .RESDashboardToggle:focus, .res #BigEditor button:focus, .res #alert_message > input[type=button]:focus,
  132. .res.res-nightmode button:focus,
  133. .res.res-nightmode input[type=submit]:focus {
  134.   color: white;
  135.   text-decoration: none !important;
  136.   background: -webkit-linear-gradient(top, #0274a1, #006f9c);
  137.   background: -moz-linear-gradient(top, #0274a1, #006f9c);
  138.   background: linear-gradient(to bottom, #0274a1, #006f9c);
  139. }
  140. .fancy-toggle-button > .option.add:active, .fancy-toggle-button > .option.remove:active, .morelink a:active,
  141. .fancy-settings button:active,
  142. .usertext-edit button.save:active,
  143. .usertext-edit button.cancel:active,
  144. .tabbedpane button:active,
  145. .flairselector button:active,
  146. .wiki-page-content button:active,
  147. .formtabs-content button:active,
  148. button.btn:active,
  149. input[type=submit]:active, .res .RESshortcutside:active,
  150. .res .RESDashboardToggle:active, .res #BigEditor button:active, .res #alert_message > input[type=button]:active,
  151. .res.res-nightmode button:active,
  152. .res.res-nightmode input[type=submit]:active {
  153.   background: -webkit-linear-gradient(top, #0274a1, #006f9c);
  154.   background: -moz-linear-gradient(top, #0274a1, #006f9c);
  155.   background: linear-gradient(to bottom, #0274a1, #006f9c);
  156.   box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(255, 255, 255, 0.7);
  157. }
  158.  
  159. .expando-button.selftext.collapsed,.expando-button.video.collapsed,.expando-button.selftext.collapsed:hover,.expando-button.video.collapsed:hover{
  160.     background-image:none;
  161. }
  162. .res .expando-button.toggleImage.image::before, .linkImage::before{
  163.     background:none!important;
  164. }
  165.  
  166. .expando-button.selftext.collapsed, .res .selftext.collapsed.expando-button.toggleImage.image, .res .toggleImage.image.expando-button.collapsedExpando, .expando-button.selftext.collapsed:hover, .expando-button.video.collapsed, .res .video.collapsed.expando-button.toggleImage.image, .expando-button.video.collapsed:hover, .expando-button.selftext.expanded, .res .toggleImage.image.expando-button.collapsed.expanded, .res .toggleImage.image.expando-button.expanded, .expando-button.selftext.expanded:hover, .expando-button.video.expanded, .expando-button.video.expanded:hover, .nav-buttons .next-suggestions > a:hover, .nav-buttons .next-suggestions > a:focus, .flairselector .flairoptionpane ul > li:hover, .menuarea .drop-choices.lightdrop, .expando-button.video-muted.collapsed, .res.expando-button.video-muted.collapsed,
  167. .wiki-page .pageactions > .wikiaction,
  168. .nav-buttons .nextprev > a,
  169. .res .RESSubscriptionButton,
  170. .res button.RESBigEditorPop,
  171. .res #BigEditor .RESCloseButton,
  172. .res .markdownEditor .RESMacroDropdownTitle,
  173. .res .markdownEditor > a.edit-btn,
  174. .res #alert_message .buttonContainer > input[type=button] {
  175.   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 1px rgba(0, 0, 0, 0.12);
  176. }
  177.  
  178. .expando-button.selftext.collapsed, .res .selftext.collapsed.expando-button.toggleImage.image, .res .toggleImage.image.expando-button.collapsedExpando, .expando-button.selftext.collapsed:hover, .expando-button.video.collapsed, .res .video.collapsed.expando-button.toggleImage.image, .expando-button.video.collapsed:hover, .expando-button.selftext.expanded, .res .toggleImage.image.expando-button.collapsed.expanded, .res .toggleImage.image.expando-button.expanded, .expando-button.selftext.expanded:hover, .expando-button.video.expanded, .expando-button.video.expanded:hover, .nav-buttons .next-suggestions > a:hover, .nav-buttons .next-suggestions > a:focus, .flairselector .flairoptionpane ul > li:hover, .menuarea .drop-choices.lightdrop, .expando-button.video-muted.expanded,
  179. .menuarea .spacer .toggle .togglebutton,
  180. .menuarea .spacer .dropdown.lightdrop,
  181. .res .commentNavSortType,
  182. .wiki-page .pageactions > .wikiaction,
  183. .nav-buttons .nextprev > a,
  184. .res .RESSubscriptionButton,
  185. .res button.RESBigEditorPop,
  186. .res #BigEditor .RESCloseButton,
  187. .res .markdownEditor .RESMacroDropdownTitle,
  188. .res .markdownEditor > a.edit-btn,
  189. .res #alert_message .buttonContainer > input[type=button] {
  190.   color: #6b6b6b;
  191.   text-decoration: none;
  192.   padding: 1px 2px;
  193.   border: solid 1px #aaaaaa;
  194.   border-radius: 3px;
  195. }
  196. .expando-button.selftext.collapsed:hover, .res .toggleImage.image.expando-button.collapsedExpando:hover, .expando-button.video.collapsed:hover, .expando-button.selftext.expanded:hover, .res .toggleImage.image.expando-button.expanded:hover, .expando-button.video.expanded:hover, .nav-buttons .next-suggestions > a:hover, .flairselector .flairoptionpane ul > li:hover, .menuarea .drop-choices.lightdrop:hover, .expando-button.selftext.collapsed:focus, .res .toggleImage.image.expando-button.collapsedExpando:focus, .expando-button.video.collapsed:focus, .expando-button.selftext.expanded:focus, .res .toggleImage.image.expando-button.expanded:focus, .expando-button.video.expanded:focus, .nav-buttons .next-suggestions > a:focus, .flairselector .flairoptionpane ul > li:focus:hover, .menuarea .drop-choices.lightdrop:focus,
  197. .menuarea .spacer .toggle .togglebutton:hover, .expando-button.video-muted:hover
  198. .menuarea .spacer .dropdown.lightdrop:hover,
  199. .res .commentNavSortType:hover,
  200. .menuarea .spacer .toggle .togglebutton:focus,
  201. .menuarea .spacer .dropdown.lightdrop:focus,
  202. .res .commentNavSortType:focus,
  203. .wiki-page .pageactions > .wikiaction:hover,
  204. .nav-buttons .nextprev > a:hover,
  205. .res .RESSubscriptionButton:hover,
  206. .res button.RESBigEditorPop:hover,
  207. .res #BigEditor .RESCloseButton:hover,
  208. .res .markdownEditor .RESMacroDropdownTitle:hover,
  209. .res .markdownEditor > a.edit-btn:hover,
  210. .res #alert_message .buttonContainer > input[type=button]:hover,
  211. .wiki-page .pageactions > .wikiaction:focus,
  212. .nav-buttons .nextprev > a:focus,
  213. .res .RESSubscriptionButton:focus,
  214. .res button.RESBigEditorPop:focus,
  215. .res #BigEditor .RESCloseButton:focus,
  216. .res .markdownEditor .RESMacroDropdownTitle:focus,
  217. .res .markdownEditor > a.edit-btn:focus,
  218. .res #alert_message .buttonContainer > input[type=button]:focus {
  219.   text-decoration: none;
  220. }
  221.  
  222. .wiki-page .pageactions > .wikiaction.wikiaction-current, .expando-button.selftext.expanded, .res .toggleImage.image.expando-button.collapsed.expanded, .res .toggleImage.image.expando-button.expanded, .expando-button.selftext.expanded:hover, .expando-button.video.expanded, .expando-button.video.expanded:hover, .nav-buttons .next-suggestions > a:active, .flairselector .flairoptionpane ul > li:active,
  223. .menuarea .spacer .toggle .togglebutton:active,
  224. .menuarea .spacer .dropdown.lightdrop:active,
  225. .res .commentNavSortType:active,
  226. .wiki-page .pageactions > .wikiaction:active,
  227. .nav-buttons .nextprev > a:active,
  228. .res .RESSubscriptionButton:active,
  229. .res button.RESBigEditorPop:active,
  230. .res #BigEditor .RESCloseButton:active,
  231. .res .markdownEditor .RESMacroDropdownTitle:active,
  232. .res .markdownEditor > a.edit-btn:active,
  233. .res #alert_message .buttonContainer > input[type=button]:active {
  234.   background: -webkit-linear-gradient(top, #efefef, #e0e0e0);
  235.   background: -moz-linear-gradient(top, #efefef, #e0e0e0);
  236.   background: linear-gradient(to bottom, #efefef, #e0e0e0);
  237.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.7);
  238. }
  239.  
  240.  
  241. .wiki-page .pageactions > .wikiaction {
  242.   margin: 0;
  243.   border-right-style: none;
  244.   border-radius: 0;
  245. }
  246. .wiki-page .pageactions > .wikiaction:visited {
  247.   color: #6b6b6b;
  248. }
  249.  
  250. .wiki-page .pageactions > .wikiaction:first-child {
  251.   border-radius: 3px 0 0 3px;
  252. }
  253.  
  254. .wiki-page .pageactions > .wikiaction:last-child {
  255.   border-right-style: solid;
  256.   border-radius: 0 3px 3px 0;
  257. }
  258.  
  259. .wiki-page .pageactions > .wikiaction.wikiaction-current {
  260.   font-weight: bold;
  261. }
  262.  
  263. .fancy-toggle-button > .option.add, .fancy-toggle-button > .option.remove {
  264.   font-size: 13px;
  265.   margin: 0;
  266. }
  267. .fancy-toggle-button > .option.add.active, .fancy-toggle-button > .option.remove.active {
  268.   display: inline-block;
  269.   vertical-align: middle;
  270. }
  271. .fancy-toggle-button > .option.add, .fancy-toggle-button > .option.add:hover, .fancy-toggle-button > .option.add:focus, .fancy-toggle-button > .option.add:active {
  272.   background: -webkit-linear-gradient(top, #859900, #6a7a00);
  273.   background: -moz-linear-gradient(top, #859900, #6a7a00);
  274.   background: linear-gradient(to bottom, #859900, #6a7a00);
  275. }
  276. .fancy-toggle-button > .option.remove, .fancy-toggle-button > .option.remove:hover, .fancy-toggle-button > .option.remove:focus, .fancy-toggle-button > .option.remove:active {
  277.   background: -webkit-linear-gradient(top, #dc322f, #ca2522);
  278.   background: -moz-linear-gradient(top, #dc322f, #ca2522);
  279.   background: linear-gradient(to bottom, #dc322f, #ca2522);
  280. }
  281. .fancy-toggle-button > .option.add:active, .fancy-toggle-button > .option.remove:active {
  282.   box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.3);
  283. }
  284.  
  285. .nub {
  286.   display: none;
  287. }
  288.  
  289. .morelink {
  290.   border: none;
  291.   background: none;
  292. }
  293. .morelink:hover {
  294.   background: none !important;
  295. }
  296. .morelink a {
  297.   letter-spacing: 0;
  298.   margin-right: 0;
  299.   padding: 5px 8px;
  300. }
  301.  
  302. .submit.disabled > .morelink > a {
  303.   color: rgba(0, 0, 0, 0.4);
  304.   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  305.   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px rgba(0, 0, 0, 0.2);
  306.   background: -webkit-linear-gradient(top, #cbcbcb, #bababa);
  307.   background: -moz-linear-gradient(top, #cbcbcb, #bababa);
  308.   background: linear-gradient(to bottom, #cbcbcb, #bababa);
  309. }
  310. .submit.mod-override > .morelink > a {
  311.   padding-left: 30px;
  312. }
  313. .submit.mod-override > .morelink > a::after {
  314.   background-position: -16px -32px;
  315.   left: 3px;
  316.   top: 1px;
  317.   opacity: 0.6;
  318. }
  319. .submit.mod-override > .morelink > a::before {
  320.   display: none;
  321.   content: 'Only available to moderator';
  322.   position: absolute;
  323.   font-weight: normal;
  324.   right: 102%;
  325.   top: 0;
  326.   font-size: 13px;
  327.   width: auto;
  328.   white-space: nowrap;
  329.   text-shadow: none;
  330. }
  331. .submit.mod-override > .morelink:hover > a::after {
  332.   opacity: 1;
  333. }
  334. .submit.mod-override > .morelink:hover > a::before {
  335.   display: block;
  336. }
  337.  
  338. .fancy-settings button,
  339. .usertext-edit button.save,
  340. .usertext-edit button.cancel,
  341. .tabbedpane button,
  342. .flairselector button,
  343. .wiki-page-content button,
  344. .formtabs-content button,
  345. .fancy-settings .linefield button,
  346. button.btn,
  347. input[type=submit] {
  348.   display: inline-block;
  349.   padding-bottom: 3px;
  350.   text-transform: capitalize;
  351. }
  352.  
  353. .expando-button, .res .expando-button.toggleImage.image {
  354.   cursor: pointer;
  355.   width: 19px;
  356.   height: 19px;
  357.   position: relative;
  358.   background-position: 0 0 !important;
  359.   padding: 0 !important;
  360. }
  361. .expando-button::before, .res .expando-button.toggleImage.image::before {
  362.   content: '';
  363.   position: absolute;
  364.   left: 4px;
  365.   right: 4px;
  366.   height: 3px;
  367.   top: 8px;
  368. }
  369. /* align new RES NSFW expando */
  370. .res-highlight-nsfw-expando .thing.over18 .expando-button::before {
  371.   top: 0;
  372.   left: 0;
  373. }
  374. .expando-button.selftext.collapsed::after, .res .selftext.collapsed.expando-button.toggleImage.image::after, .res .toggleImage.image.expando-button.collapsedExpando::after, .expando-button.video.collapsed::after, .res .video.collapsed.expando-button.toggleImage.image::after {
  375.   content: '';
  376.   position: absolute;
  377.   top: 4px;
  378.   bottom: 4px;
  379.   width: 3px;
  380.   left: 8px;
  381.   background: #848484;
  382. }
  383.  
  384. /* pulling from current look */
  385.  
  386.  
  387. /* User menu
  388. ------------------------------------- */
  389. #header-bottom-right {
  390.   height: 35px;
  391.   padding: 0 12px;
  392.   top: 20px;
  393.   bottom: auto;
  394.   background: #232323;
  395.   border-radius: 0;
  396.   font-size: 10px;
  397.   line-height: 34px;
  398.   text-transform: uppercase;
  399.   color: #AEAEAE;
  400. }
  401. #header-bottom-right a {
  402.   color: #AEAEAE;
  403. }
  404. #header-bottom-right a:hover {
  405.   color: #FFF;
  406. }
  407. #header-bottom-right .user {
  408.   color: #777;
  409. }
  410. #header-bottom-right .separator {
  411.   visibility: hidden;
  412. }
  413.  
  414. .side .md {
  415.   list-style-type: none;
  416. }
  417.  
  418.  
  419. .pagename a {
  420.     color: #fff;
  421.     }
  422.  
  423. .pagename {
  424.     color: #fefefe;
  425.     font-size: 1.1em !important;
  426.     }
  427.  
  428.  
  429.  
  430.  
  431.  
  432.  
  433.  
  434. #header-bottom-left .tabmenu {
  435.   background: #0976a2;
  436.   position: absolute;
  437.   top: 85px;
  438.   left: 344px;
  439.   right: 0;
  440.   height: 20px;
  441.   line-height: 18px;
  442.   padding-left: 0;
  443.   margin: 0;
  444. }
  445.  
  446. #header-bottom-left .tabmenu li a {
  447.   background: transparent;
  448.   font-size: 10px;
  449.   font-weight: normal;
  450.   text-transform: uppercase;
  451.   color: #4fb2d5;
  452.   padding: 1px 10px 0;
  453.   height: 19px;
  454.   display: inline-block;
  455.   /*background: #4fb2d5; */
  456. }
  457.  
  458. #header-bottom-left .tabmenu li {
  459.   margin: 0;
  460.  
  461. }
  462. #header-bottom-left .tabmenu li.selected a {
  463.   border: none;
  464.   color: #fff;
  465.   background: #0976a2;
  466. }
  467. #header-bottom-left .tabmenu li a:hover {
  468.   color: #fff;
  469.   background: #0976a2;
  470. }
  471.  
  472.  
  473.  
  474.  
  475. /* Number of subscriber and users here now
  476. ------------------------------------------------------------------ */
  477. .titlebox .word {
  478.     font-size:0px
  479.     }
  480. .subscribers .number {
  481.  
  482. font-weight: bold;
  483.  
  484. font-size: 17px;
  485.  
  486. }
  487.  
  488. .titlebox .subscribers .word:after {
  489.     content: "High-quality gif creators";
  490. font-size:14px;
  491.     }
  492. .users-online .number{
  493. font-weight: bold;
  494. font-size: 17px;
  495. }
  496.  
  497. .titlebox .users-online .word:before {
  498.     content: " People making high-quality gifs right now";
  499.  
  500. font-size:14px;
  501.  
  502.     }
  503.  
  504.  
  505.  
  506. /* Search
  507. ------------------------------------------------------------------ */
  508. #search input[type=submit] {
  509.     min-width: 10px;
  510.     border: none;
  511.     outline: none;
  512.     text-shadow: none;
  513.     box-shadow: none;
  514. }
  515.  
  516.  
  517.  
  518.  
  519.  
  520.  
  521.  
  522.  
  523.  
  524.  
  525.  
  526.  
  527.  
  528.  
  529. /* hero turned this off, hero did not know what it did */
  530. /*
  531.  
  532. .side .md h5 {position: absolute;
  533.               top: 100px;
  534.               right: 320px;
  535.               background: #fff;
  536.               border: 1px solid #68819E;
  537.               font-weight: bold;
  538.               font-size: 110%;
  539.               color: #000;
  540.               text-align: center;
  541.               padding: 5px 0px 5px 0px;
  542.               margin: 50px;
  543.               display: block;
  544.               width: 10%;
  545.               -moz-border-radius: 2px;
  546.               -webkit-border-radius: 2px;
  547.               color: white;
  548.          font-family: "Trebuchet MS", Helvetica, sans-serif;
  549.   padding: 2px 8px;
  550.   width: auto;
  551.   min-width: 4em;
  552.   height: auto;
  553.   line-height: 1.5em;
  554.   vertical-align: middle;
  555.   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  556.   text-decoration: none;
  557.   border: none;
  558.   text-align: center;
  559.   margin-right: 3px;
  560.   background: -webkit-linear-gradient(top, #51b3d6, #006f9c);
  561.   background: -moz-linear-gradient(top, #51b3d6, #006f9c);
  562.   background: linear-gradient(to bottom, #51b3d6, #006f9c);
  563.   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  564.   border-radius: 4px;
  565. }
  566.    
  567.     .side .md h5 a {color:white;    }
  568.     .side .md h5 a:hover {color:#d0d4d6;}
  569.     .side .md h5:hover {
  570.   background: -webkit-linear-gradient(top, #0273a0, #006f9c);
  571.   background: -moz-linear-gradient(top, #0273a0, #006f9c);
  572.   background: linear-gradient(to bottom, #0273a0, #006f9c);
  573.     }
  574.    
  575.    */
  576.    
  577.    
  578.    
  579.    
  580.    
  581.    
  582.    
  583. /* flair section*/
  584.  
  585. /**** flair sprite  ****/
  586.  
  587. /*
  588.  
  589. PhotoShop     = 001
  590. After Effects = 002
  591. Premiere      = 003
  592. Cinema 4D     = 004
  593. Gimp          = 005
  594. Blender       = 006
  595. Autodesk      = 007
  596. 3D Studio Max = 008
  597. Sony Vegas    = 009
  598.  
  599. */
  600.  
  601.  
  602. .flair {
  603.     background: transparent url(%%sprite-50%%) no-repeat -9999px;
  604.     height: 20px;
  605.     vertical-align: middle;
  606.     border: 0;
  607.     font-weight:bold;
  608. }
  609.  
  610. /* 1 tier flairs */
  611. .flair-001 {background-position: 0 -0px;  min-width: 20px; text-indent: -9999em;}
  612. .flair-002 {background-position: 0 -30px;  min-width: 20px; text-indent: -9999em;}
  613. .flair-003 {background-position: 0 -60px;  min-width: 20px; text-indent: -9999em;}
  614. .flair-004 {background-position: 0 -91px;  min-width: 20px; text-indent: -9999em;}
  615. .flair-005 {background-position: 0 -122px;  min-width: 20px; text-indent: -9999em;}
  616. .flair-006 {background-position: 0 -150px;  min-width: 20px; text-indent: -9999em;}
  617. .flair-007 {background-position: 0 -180px;  min-width: 20px; text-indent: -9999em;}
  618. .flair-008 {background-position: 0 -210px;  min-width: 20px; text-indent: -9999em;}
  619. .flair-009 {background-position: 0 -240px;  min-width: 20px; text-indent: -9999em;}
  620. .flair-010 {background-position: 0 -4350px;  min-width: 20px; text-indent: -9999em;}
  621.  
  622. /* 2 tier flairs */
  623. .flair-001-002 {background-position: 0 -270px; min-width: 41px; text-indent: -9999em;}
  624. .flair-001-003 {background-position: 0 -300px; min-width: 41px; text-indent: -9999em;}
  625. .flair-001-004 {background-position: 0 -330px; min-width: 41px; text-indent: -9999em;}
  626. .flair-001-005 {background-position: 0 -360px; min-width: 41px; text-indent: -9999em;}
  627. .flair-001-006 {background-position: 0 -390px; min-width: 41px; text-indent: -9999em;}
  628. .flair-001-007 {background-position: 0 -420px; min-width: 41px; text-indent: -9999em;}
  629. .flair-001-008 {background-position: 0 -450px; min-width: 41px; text-indent: -9999em;}
  630. .flair-001-009 {background-position: 0 -480px; min-width: 41px; text-indent: -9999em;}
  631. .flair-005-006 {background-position: 0 -4320px; min-width: 41px; text-indent: -9999em;}
  632.  
  633. /* 3 tier flairs */
  634. .flair-001-002-003 {background-position: 0 -510px; min-width: 62px; text-indent: -9999em;}
  635. .flair-001-002-004 {background-position: 0 -540px; min-width: 62px; text-indent: -9999em;}
  636. .flair-001-002-005 {background-position: 0 -570px; min-width: 62px; text-indent: -9999em;}
  637. .flair-001-002-006 {background-position: 0 -600px; min-width: 62px; text-indent: -9999em;}
  638. .flair-001-002-007 {background-position: 0 -630px; min-width: 62px; text-indent: -9999em;}
  639. .flair-001-002-008 {background-position: 0 -660px; min-width: 62px; text-indent: -9999em;}
  640. .flair-001-002-009 {background-position: 0 -690px; min-width: 62px; text-indent: -9999em;}
  641.  
  642. /* 2 tier - 1 tier + 1 trophy flair */
  643. .flair-001-x1 {background-position: 0 -720px;  min-width: 41px; text-indent: -9999em;}
  644. .flair-002-x1 {background-position: 0 -750px;  min-width: 41px; text-indent: -9999em;}
  645. .flair-003-x1 {background-position: 0 -780px;  min-width: 41px; text-indent: -9999em;}
  646. .flair-004-x1 {background-position: 0 -810px;  min-width: 41px; text-indent: -9999em;}
  647. .flair-005-x1 {background-position: 0 -840px;  min-width: 41px; text-indent: -9999em;}
  648. .flair-006-x1 {background-position: 0 -870px;  min-width: 41px; text-indent: -9999em;}
  649. .flair-007-x1 {background-position: 0 -900px;  min-width: 41px; text-indent: -9999em;}
  650. .flair-008-x1 {background-position: 0 -930px;  min-width: 41px; text-indent: -9999em;}
  651. .flair-009-x1 {background-position: 0 -960px;  min-width: 41px; text-indent: -9999em;}
  652.  
  653. /* 3 tier - 2 tier + 1 trophy flair */
  654. .flair-001-002-x1 {background-position: 0 -990px; min-width: 62px; text-indent: -9999em;}
  655. .flair-001-003-x1 {background-position: 0 -1020px; min-width: 62px; text-indent: -9999em;}
  656. .flair-001-004-x1 {background-position: 0 -1050px; min-width: 62px; text-indent: -9999em;}
  657. .flair-001-005-x1 {background-position: 0 -1080px; min-width: 62px; text-indent: -9999em;}
  658. .flair-001-006-x1 {background-position: 0 -1110px; min-width: 62px; text-indent: -9999em;}
  659. .flair-001-007-x1 {background-position: 0 -1140px; min-width: 62px; text-indent: -9999em;}
  660. .flair-001-008-x1 {background-position: 0 -1170px; min-width: 62px; text-indent: -9999em;}
  661. .flair-001-009-x1 {background-position: 0 -1200px; min-width: 62px; text-indent: -9999em;}
  662.  
  663. /* 4 tier - 3 tier + 1 trophy flair */
  664. .flair-001-002-003-x1 {background-position: 0 -1230px; min-width: 93px; text-indent: -9999em;}
  665. .flair-001-002-004-x1 {background-position: 0 -1260px; min-width: 93px; text-indent: -9999em;}
  666. .flair-001-002-005-x1 {background-position: 0 -1290px; min-width: 93px; text-indent: -9999em;}
  667. .flair-001-002-006-x1 {background-position: 0 -1320px; min-width: 93px; text-indent: -9999em;}
  668. .flair-001-002-007-x1 {background-position: 0 -1350px; min-width: 93px; text-indent: -9999em;}
  669. .flair-001-002-008-x1 {background-position: 0 -1380px; min-width: 93px; text-indent: -9999em;}
  670. .flair-001-002-009-x1 {background-position: 0 -1410px; min-width: 93px; text-indent: -9999em;}
  671.  
  672. /* 3 tier - 1 tier + 5-50 trophy flair */
  673. .flair-001-x5 {background-position: 0 -1440px;  min-width: 62px; text-indent: -9999em;}
  674. .flair-002-x5 {background-position: 0 -1470px;  min-width: 62px; text-indent: -9999em;}
  675. .flair-003-x5 {background-position: 0 -1500px;  min-width: 62px; text-indent: -9999em;}
  676. .flair-004-x5 {background-position: 0 -1530px;  min-width: 62px; text-indent: -9999em;}
  677. .flair-005-x5 {background-position: 0 -1560px;  min-width: 62px; text-indent: -9999em;}
  678. .flair-006-x5 {background-position: 0 -1590px;  min-width: 62px; text-indent: -9999em;}
  679. .flair-007-x5 {background-position: 0 -1620px;  min-width: 62px; text-indent: -9999em;}
  680. .flair-008-x5 {background-position: 0 -1650px;  min-width: 62px; text-indent: -9999em;}
  681. .flair-009-x5 {background-position: 0 -1680px;  min-width: 62px; text-indent: -9999em;}
  682.  
  683. .flair-001-x10 {background-position: 0 -2160px;  min-width: 62px; text-indent: -9999em;}
  684. .flair-002-x10 {background-position: 0 -2190px;  min-width: 62px; text-indent: -9999em;}
  685. .flair-003-x10 {background-position: 0 -2220px;  min-width: 62px; text-indent: -9999em;}
  686. .flair-004-x10 {background-position: 0 -2250px;  min-width: 62px; text-indent: -9999em;}
  687. .flair-005-x10 {background-position: 0 -2280px;  min-width: 62px; text-indent: -9999em;}
  688. .flair-006-x10 {background-position: 0 -2310px;  min-width: 62px; text-indent: -9999em;}
  689. .flair-007-x10 {background-position: 0 -2340px;  min-width: 62px; text-indent: -9999em;}
  690. .flair-008-x10 {background-position: 0 -2370px;  min-width: 62px; text-indent: -9999em;}
  691. .flair-009-x10 {background-position: 0 -2400px;  min-width: 62px; text-indent: -9999em;}
  692.  
  693. .flair-001-x25 {background-position: 0 -2880px;  min-width: 62px; text-indent: -9999em;}
  694. .flair-002-x25 {background-position: 0 -2910px;  min-width: 62px; text-indent: -9999em;}
  695. .flair-003-x25 {background-position: 0 -2940px;  min-width: 62px; text-indent: -9999em;}
  696. .flair-004-x25 {background-position: 0 -2970px;  min-width: 62px; text-indent: -9999em;}
  697. .flair-005-x25 {background-position: 0 -3000px;  min-width: 62px; text-indent: -9999em;}
  698. .flair-006-x25 {background-position: 0 -3030px;  min-width: 62px; text-indent: -9999em;}
  699. .flair-007-x25 {background-position: 0 -3060px;  min-width: 62px; text-indent: -9999em;}
  700. .flair-008-x25 {background-position: 0 -3090px;  min-width: 62px; text-indent: -9999em;}
  701. .flair-009-x25 {background-position: 0 -3120px;  min-width: 62px; text-indent: -9999em;}
  702.  
  703. .flair-001-x50 {background-position: 0 -3600px;  min-width: 62px; text-indent: -9999em;}
  704. .flair-002-x50 {background-position: 0 -3630px;  min-width: 62px; text-indent: -9999em;}
  705. .flair-003-x50 {background-position: 0 -3660px;  min-width: 62px; text-indent: -9999em;}
  706. .flair-004-x50 {background-position: 0 -3690px;  min-width: 62px; text-indent: -9999em;}
  707. .flair-005-x50 {background-position: 0 -3720px;  min-width: 62px; text-indent: -9999em;}
  708. .flair-006-x50 {background-position: 0 -3750px;  min-width: 62px; text-indent: -9999em;}
  709. .flair-007-x50 {background-position: 0 -3780px;  min-width: 62px; text-indent: -9999em;}
  710. .flair-008-x50 {background-position: 0 -3810px;  min-width: 62px; text-indent: -9999em;}
  711. .flair-009-x50 {background-position: 0 -3840px;  min-width: 62px; text-indent: -9999em;}
  712.  
  713.  
  714. /* 4 tier - 2 tier + trophy flair */
  715. .flair-001-002-x5 {background-position: 0 -1710px; min-width: 93px; text-indent: -9999em;}
  716. .flair-001-003-x5 {background-position: 0 -1740px; min-width: 93px; text-indent: -9999em;}
  717. .flair-001-004-x5 {background-position: 0 -1770px; min-width: 93px; text-indent: -9999em;}
  718. .flair-001-005-x5 {background-position: 0 -1800px; min-width: 93px; text-indent: -9999em;}
  719. .flair-001-006-x5 {background-position: 0 -1830px; min-width: 93px; text-indent: -9999em;}
  720. .flair-001-007-x5 {background-position: 0 -1860px; min-width: 93px; text-indent: -9999em;}
  721. .flair-001-008-x5 {background-position: 0 -1890px; min-width: 93px; text-indent: -9999em;}
  722. .flair-001-009-x5 {background-position: 0 -1920px; min-width: 93px; text-indent: -9999em;}
  723.  
  724. .flair-001-002-x10 {background-position: 0 -2430px; min-width: 93px; text-indent: -9999em;}
  725. .flair-001-003-x10 {background-position: 0 -2460px; min-width: 93px; text-indent: -9999em;}
  726. .flair-001-004-x10 {background-position: 0 -2490px; min-width: 93px; text-indent: -9999em;}
  727. .flair-001-005-x10 {background-position: 0 -2520px; min-width: 93px; text-indent: -9999em;}
  728. .flair-001-006-x10 {background-position: 0 -2550px; min-width: 93px; text-indent: -9999em;}
  729. .flair-001-007-x10 {background-position: 0 -2580px; min-width: 93px; text-indent: -9999em;}
  730. .flair-001-008-x10 {background-position: 0 -2610px; min-width: 93px; text-indent: -9999em;}
  731. .flair-001-009-x10 {background-position: 0 -2640px; min-width: 93px; text-indent: -9999em;}
  732.  
  733. .flair-001-002-x25 {background-position: 0 -3150px; min-width: 93px; text-indent: -9999em;}
  734. .flair-001-003-x25 {background-position: 0 -3180px; min-width: 93px; text-indent: -9999em;}
  735. .flair-001-004-x25 {background-position: 0 -3210px; min-width: 93px; text-indent: -9999em;}
  736. .flair-001-005-x25 {background-position: 0 -3240px; min-width: 93px; text-indent: -9999em;}
  737. .flair-001-006-x25 {background-position: 0 -3270px; min-width: 93px; text-indent: -9999em;}
  738. .flair-001-007-x25 {background-position: 0 -3300px; min-width: 93px; text-indent: -9999em;}
  739. .flair-001-008-x25 {background-position: 0 -3330px; min-width: 93px; text-indent: -9999em;}
  740. .flair-001-009-x25 {background-position: 0 -3360px; min-width: 93px; text-indent: -9999em;}
  741.  
  742. .flair-001-002-x50 {background-position: 0 -3870px; min-width: 93px; text-indent: -9999em;}
  743. .flair-001-003-x50 {background-position: 0 -3900px; min-width: 93px; text-indent: -9999em;}
  744. .flair-001-004-x50 {background-position: 0 -3930px; min-width: 93px; text-indent: -9999em;}
  745. .flair-001-005-x50 {background-position: 0 -3960px; min-width: 93px; text-indent: -9999em;}
  746. .flair-001-006-x50 {background-position: 0 -3990px; min-width: 93px; text-indent: -9999em;}
  747. .flair-001-007-x50 {background-position: 0 -4020px; min-width: 93px; text-indent: -9999em;}
  748. .flair-001-008-x50 {background-position: 0 -4050px; min-width: 93px; text-indent: -9999em;}
  749. .flair-001-009-x50 {background-position: 0 -4080px; min-width: 93px; text-indent: -9999em;}
  750.  
  751. /* 5 tier - 3 tier + trophy flair */
  752. .flair-001-002-003-x5 {background-position: 0 -1950px; min-width: 113px; text-indent: -9999em;}
  753. .flair-001-002-004-x5 {background-position: 0 -1980px; min-width: 113px; text-indent: -9999em;}
  754. .flair-001-002-005-x5 {background-position: 0 -2010px; min-width: 113px; text-indent: -9999em;}
  755. .flair-001-002-006-x5 {background-position: 0 -2040px; min-width: 113px; text-indent: -9999em;}
  756. .flair-001-002-007-x5 {background-position: 0 -2070px; min-width: 113px; text-indent: -9999em;}
  757. .flair-001-002-008-x5 {background-position: 0 -2100px; min-width: 113px; text-indent: -9999em;}
  758. .flair-001-002-009-x5 {background-position: 0 -2129px; min-width: 113px; text-indent: -9999em;}
  759.  
  760. .flair-001-002-003-x10 {background-position: 0 -2670px; min-width: 113px; text-indent: -9999em;}
  761. .flair-001-002-004-x10 {background-position: 0 -2700px; min-width: 113px; text-indent: -9999em;}
  762. .flair-001-002-005-x10 {background-position: 0 -2730px; min-width: 113px; text-indent: -9999em;}
  763. .flair-001-002-006-x10 {background-position: 0 -2760px; min-width: 113px; text-indent: -9999em;}
  764. .flair-001-002-007-x10 {background-position: 0 -2790px; min-width: 113px; text-indent: -9999em;}
  765. .flair-001-002-008-x10 {background-position: 0 -2820px; min-width: 113px; text-indent: -9999em;}
  766. .flair-001-002-009-x10 {background-position: 0 -2849px; min-width: 113px; text-indent: -9999em;}
  767.  
  768. .flair-001-002-003-x25 {background-position: 0 -3390px; min-width: 113px; text-indent: -9999em;}
  769. .flair-001-002-004-x25 {background-position: 0 -3420px; min-width: 113px; text-indent: -9999em;}
  770. .flair-001-002-005-x25 {background-position: 0 -3450px; min-width: 113px; text-indent: -9999em;}
  771. .flair-001-002-006-x25 {background-position: 0 -3480px; min-width: 113px; text-indent: -9999em;}
  772. .flair-001-002-007-x25 {background-position: 0 -3510px; min-width: 113px; text-indent: -9999em;}
  773. .flair-001-002-008-x25 {background-position: 0 -3540px; min-width: 113px; text-indent: -9999em;}
  774. .flair-001-002-009-x25 {background-position: 0 -3569px; min-width: 113px; text-indent: -9999em;}
  775.  
  776. .flair-001-002-003-x50 {background-position: 0 -4110px; min-width: 113px; text-indent: -9999em;}
  777. .flair-001-002-004-x50 {background-position: 0 -4140px; min-width: 113px; text-indent: -9999em;}
  778. .flair-001-002-005-x50 {background-position: 0 -4170px; min-width: 113px; text-indent: -9999em;}
  779. .flair-001-002-006-x50 {background-position: 0 -4200px; min-width: 113px; text-indent: -9999em;}
  780. .flair-001-002-007-x50 {background-position: 0 -4230px; min-width: 113px; text-indent: -9999em;}
  781. .flair-001-002-008-x50 {background-position: 0 -4260px; min-width: 113px; text-indent: -9999em;}
  782. .flair-001-002-009-x50 {background-position: 0 -4289px; min-width: 113px; text-indent: -9999em;}
  783.  
  784.  
  785. /*gt champ flair*/
  786. .flair-001-002-003-gt {background-position: 0 -4373px; min-width: 162px; text-indent: -9999em;}
  787. .flair-gt {background-position: -81px -4373px; min-width: 45px; text-indent: -9999em;}
  788.  
  789.  
  790. /* 1 tier hover effect */
  791. .flair:hover { text-indent: 22px; vertical-align: middle;}
  792.  
  793. /* 2 tier hover effect */
  794. .flair-001-002:hover,
  795. .flair-001-003:hover,
  796. .flair-001-004:hover,
  797. .flair-001-005:hover,
  798. .flair-001-006:hover,
  799. .flair-001-007:hover,
  800. .flair-001-008:hover,
  801. .flair-001-009:hover,
  802. .flair-001-x1:hover,
  803. .flair-002-x1:hover,
  804. .flair-003-x1:hover,
  805. .flair-004-x1:hover,
  806. .flair-005-x1:hover,
  807. .flair-006-x1:hover,
  808. .flair-007-x1:hover,
  809. .flair-008-x1:hover,
  810. .flair-009-x1:hover { text-indent: 42px; vertical-align: middle;}
  811.  
  812. /* 3 tier hover effect */
  813. .flair-001-002-003:hover,
  814. .flair-001-002-004:hover,
  815. .flair-001-002-005:hover,
  816. .flair-001-002-006:hover,
  817. .flair-001-002-007:hover,
  818. .flair-001-002-008:hover,
  819. .flair-001-002-009:hover,
  820. .flair-001-002-x1:hover,
  821. .flair-001-003-x1:hover,
  822. .flair-001-004-x1:hover,
  823. .flair-001-005-x1:hover,
  824. .flair-001-006-x1:hover,
  825. .flair-001-007-x1:hover,
  826. .flair-001-008-x1:hover,
  827. .flair-001-009-x1:hover,
  828. .flair-001-x5:hover,
  829. .flair-002-x5:hover,
  830. .flair-003-x5:hover,
  831. .flair-004-x5:hover,
  832. .flair-005-x5:hover,
  833. .flair-006-x5:hover,
  834. .flair-007-x5:hover,
  835. .flair-008-x5:hover,
  836. .flair-009-x5:hover,
  837. .flair-001-x10:hover,
  838. .flair-002-x10:hover,
  839. .flair-003-x10:hover,
  840. .flair-004-x10:hover,
  841. .flair-005-x10:hover,
  842. .flair-006-x10:hover,
  843. .flair-007-x10:hover,
  844. .flair-008-x10:hover,
  845. .flair-009-x10:hover,
  846. .flair-001-x25:hover,
  847. .flair-002-x25:hover,
  848. .flair-003-x25:hover,
  849. .flair-004-x25:hover,
  850. .flair-005-x25:hover,
  851. .flair-006-x25:hover,
  852. .flair-007-x25:hover,
  853. .flair-008-x25:hover,
  854. .flair-009-x25:hover,
  855. .flair-001-x50:hover,
  856. .flair-002-x50:hover,
  857. .flair-003-x50:hover,
  858. .flair-004-x50:hover,
  859. .flair-005-x50:hover,
  860. .flair-006-x50:hover,
  861. .flair-007-x50:hover,
  862. .flair-008-x50:hover,
  863. .flair-009-x50:hover{text-indent: 63px; vertical-align: middle;}
  864.  
  865. /* 4 tier hover effect */
  866. .flair-001-002-003-x1:hover,
  867. .flair-001-002-004-x1:hover,
  868. .flair-001-002-005-x1:hover,
  869. .flair-001-002-006-x1:hover,
  870. .flair-001-002-007-x1:hover,
  871. .flair-001-002-008-x1:hover,
  872. .flair-001-002-009-x1:hover,
  873. .flair-001-002-x5:hover,
  874. .flair-001-003-x5:hover,
  875. .flair-001-004-x5:hover,
  876. .flair-001-005-x5:hover,
  877. .flair-001-006-x5:hover,
  878. .flair-001-007-x5:hover,
  879. .flair-001-008-x5:hover,
  880. .flair-001-009-x5:hover,
  881. .flair-001-002-x10:hover,
  882. .flair-001-003-x10:hover,
  883. .flair-001-004-x10:hover,
  884. .flair-001-005-x10:hover,
  885. .flair-001-006-x10:hover,
  886. .flair-001-007-x10:hover,
  887. .flair-001-008-x10:hover,
  888. .flair-001-009-x10:hover,
  889. .flair-001-002-x25:hover,
  890. .flair-001-003-x25:hover,
  891. .flair-001-004-x25:hover,
  892. .flair-001-005-x25:hover,
  893. .flair-001-006-x25:hover,
  894. .flair-001-007-x25:hover,
  895. .flair-001-008-x25:hover,
  896. .flair-001-009-x25:hover,
  897. .flair-001-002-x50:hover,
  898. .flair-001-003-x50:hover,
  899. .flair-001-004-x50:hover,
  900. .flair-001-005-x50:hover,
  901. .flair-001-006-x50:hover,
  902. .flair-001-007-x50:hover,
  903. .flair-001-008-x50:hover,
  904. .flair-001-009-x50:hover {text-indent: 93px; vertical-align:middle;}
  905.  
  906. /* 5 tier hover effect */
  907. .flair-001-002-003-x5:hover,
  908. .flair-001-002-004-x5:hover,
  909. .flair-001-002-005-x5:hover,
  910. .flair-001-002-006-x5:hover,
  911. .flair-001-002-007-x5:hover,
  912. .flair-001-002-008-x5:hover,
  913. .flair-001-002-009-x5:hover,
  914. .flair-001-002-003-x10:hover,
  915. .flair-001-002-004-x10:hover,
  916. .flair-001-002-005-x10:hover,
  917. .flair-001-002-006-x10:hover,
  918. .flair-001-002-007-x10:hover,
  919. .flair-001-002-008-x10:hover,
  920. .flair-001-002-009-x10:hover,
  921. .flair-001-002-003-x25:hover,
  922. .flair-001-002-004-x25:hover,
  923. .flair-001-002-005-x25:hover,
  924. .flair-001-002-006-x25:hover,
  925. .flair-001-002-007-x25:hover,
  926. .flair-001-002-008-x25:hover,
  927. .flair-001-002-009-x25:hover,
  928. .flair-001-002-003-x50:hover,
  929. .flair-001-002-004-x50:hover,
  930. .flair-001-002-005-x50:hover,
  931. .flair-001-002-006-x50:hover,
  932. .flair-001-002-007-x50:hover,
  933. .flair-001-002-008-x50:hover,
  934. .flair-001-002-009-x50:hover{text-indent: 113px; vertical-align:middle;}
  935.  
  936.  
  937.  
  938.  
  939.  
  940.  
  941.  
  942.  
  943.  
  944.  
  945.  
  946.  
  947.  
  948.  
  949.  
  950.  
  951. /** link flair **//
  952.  
  953. .title .linkflairlabel {
  954.     display: inline;
  955.     background-color: inherit;
  956.     border-width: 0px;
  957.     border-radius: 0px;
  958.     color: #494949;
  959.     letter-spacing: 2px;
  960.     font-weight: normal;
  961.     overflow: visible;
  962.     max-width: 98%;}
  963.  
  964. .thing.linkflair .entry {
  965.     border-right: 10px solid #2e2e2e;}
  966.  
  967. .thing.linkflair .linkflairlabel {
  968.     border-bottom: solid 2px #2e2e2e;}
  969.  
  970. .thing.linkflair.linkflair-001 .entry, .flairselector .linkflair-001 {
  971.     border-right: 10px solid #E18879;}
  972.  
  973. .thing.linkflair.linkflair-001 .linkflairlabel {
  974.     border-bottom: solid 2px #E18879;}
  975.  
  976. .thing.linkflair.linkflair-002 .entry, .flairselector .linkflair-002 {
  977.     border-right: 10px solid #e1aa79;}
  978.  
  979. .thing.linkflair.linkflair-002 .linkflairlabel {
  980.     border-bottom: solid 2px #e1aa79;}
  981.  
  982. .thing.linkflair.linkflair-003 .entry, .flairselector .linkflair-003 {
  983.     border-right: 10px solid #bbe179;}
  984.  
  985. .thing.linkflair.linkflair-003 .linkflairlabel {
  986.     border-bottom: solid 2px #bbe179;}
  987.  
  988. .thing.linkflair.linkflair-004 .entry, .flairselector .linkflair-004 {
  989.     border-right: 10px solid #79e1d1;}
  990.  
  991. .thing.linkflair.linkflair-004 .linkflairlabel {
  992.     border-bottom: solid 2px #79e1d1;}
  993.  
  994. .thing.linkflair.linkflair-005 .entry, .flairselector .linkflair-005 {
  995.     border-right: 10px solid #e1db79;}
  996.  
  997. .thing.linkflair.linkflair-05 .linkflairlabel {
  998.     border-bottom: solid 2px #e1db79;}
  999.  
  1000. .thing.linkflair.linkflair-006 .entry, .flairselector .linkflair-006 {
  1001.     border-right: 10px solid #b179e1;}
  1002.  
  1003. .thing.linkflair.linkflair-006 .linkflairlabel {
  1004.     border-bottom: solid 2px #b179e1;}
  1005.  
  1006. .thing.linkflair.linkflair-007 .entry, .flairselector .linkflair-g {
  1007.     border-right: 10px solid #FCDFFF;}
  1008.  
  1009. .thing.linkflair.linkflair-007 .linkflairlabel {
  1010.     border-bottom: solid 2px #FCDFFF;}
  1011.  
  1012.  
  1013.  
  1014.  
  1015.  
  1016. .linkflair-battle .thumbnail {
  1017.     display:block;
  1018.     width:70px;
  1019.     height:50px;
  1020.     content:"";
  1021.     background:url(%%battle%%);
  1022. }
  1023. /*.linkflair-closed .thumbnail {
  1024.     display:block;
  1025.     width:70px;
  1026.     height:50px;
  1027.     content:"";
  1028.     background:url(%%closed%%);
  1029. }
  1030. .linkflair-request .thumbnail {
  1031.     display:block;
  1032.     width:70px;
  1033.     height:50px;
  1034.     content:"";
  1035.     background:url(%%request%%);
  1036. }*/
  1037.  
  1038. /*end flair*/
  1039.  
  1040.  
  1041.  
  1042. .stickied {
  1043.     border:1px solid gray;
  1044.     background-color: #b1dff0;
  1045.     width: calc(100% - 315px);
  1046. }
  1047. .stickied.thing.comment {
  1048.     width: auto;
  1049. }
  1050. .stickied .title {
  1051.     color: #d2232a !important;
  1052. }
  1053. .stickied-tagline {
  1054.     color: #d2232a !important;
  1055. }
  1056.  
  1057.  
  1058.  
  1059.  
  1060.  
  1061. /*Upvote buttons for posts*/
  1062. .link .arrow {
  1063.     height: 20px;
  1064.     width: 20px;
  1065.     background-image: url(%%h0w-vote%%) !important;
  1066.     }
  1067. .link .arrow.up {
  1068.     background-position: 0px -20px;
  1069.     opacity: .5 !important;
  1070.     }
  1071. .link .arrow.down {
  1072.     background-position: 0px -60px;
  1073.     opacity: .5 !important;
  1074.     }
  1075. .link .arrow.up:hover {
  1076.     background-position: 0px -20px;
  1077.     opacity: .7 !important;
  1078.     }
  1079. .link .arrow.down:hover {
  1080.     background-position: 0px -60px;
  1081.     opacity: .7 !important;
  1082.     }
  1083. .link .arrow.upmod {
  1084.     background-position: 0px -0px;
  1085.     opacity: 1 !important;
  1086.     }
  1087. .link .arrow.downmod {
  1088.     background-position: 0px -40px;
  1089.     opacity: 1 !important;
  1090.     }
  1091.  
  1092. .comment .arrow.up {
  1093.     background-image: url(%%h0w-vote%%) !important;
  1094.     background-position: 0 -20px;
  1095.     width: 20px;
  1096.     margin-left: 3px;
  1097.     height: 20px;
  1098.     }
  1099. .comment .arrow.upmod {
  1100.     background-image: url(%%h0w-vote%%) !important;
  1101.     padding-right: 5px !important;
  1102.     background-position: 0 -0px;
  1103.     width: 20px;
  1104.     margin-left: 3px;
  1105.     height: 20px;
  1106.     }
  1107. .comment .midcol{
  1108.     width: 22px;
  1109. }
  1110.  
  1111. .comment .arrow.down {
  1112.     background-image: url(%%h0w-vote%%) !important;
  1113.     background-position: 0 -60px;
  1114.     width: 20px;
  1115.     margin-left: 3px;
  1116.     height: 20px;
  1117.     }
  1118. .comment .arrow.downmod {
  1119.     background-image: url(%%h0w-vote%%) !important;
  1120.     padding-right: 5px !important;
  1121.     background-position: 0 -40px;
  1122.     width: 20px;
  1123.     margin-left: 3px;
  1124.     height: 20px;
  1125.     }
  1126. .compressed .midcol,
  1127. .link .midcol {
  1128.     padding-right: 5px !important;
  1129.     }
  1130.  
  1131.  
  1132.  
  1133.  
  1134.  
  1135. /* sticky h4 */
  1136.  
  1137.  
  1138. .side .md h4:nth-of-type(1) {
  1139. box-shadow: 1px 0 5px #383838;
  1140. position: absolute;
  1141. z-index:999;
  1142. margin-top: 5px;
  1143. top: 70px;
  1144. left: 625px;
  1145. display: block;
  1146. border: 1px solid black;
  1147. background: #4990ac;
  1148. text-align: left;
  1149. font-size: 14px;
  1150. color: white;
  1151. font-weight: bold;
  1152. padding: 2px 4px 2px 4px;
  1153. }
  1154. .side .md h4:nth-of-type(1) a{
  1155. color: white;
  1156. font-size: 14px;
  1157. background: #4990ac;
  1158. }
  1159. .side h4:nth-of-type(1) a:hover {
  1160. color: white;
  1161. }
  1162.  
  1163. /*
  1164. * spoilers
  1165. * use: [spoiler](#s "pencer is better than preggit!")
  1166. */
  1167. a[href="#s"] {
  1168.     visibility: hidden;
  1169.     display: inline-block
  1170.  }
  1171. a[href="#s"]::after {
  1172.     content: attr(title);
  1173.     background: #4990ac;
  1174.     color: #4990ac;
  1175.     visibility: visible
  1176. }
  1177. a[href="#s"]:hover::after, a[href="#s"]:active::after {
  1178.     color: white;
  1179. }
  1180.  
  1181. a[href$="/spoiler"],
  1182. a[href$="/spoiler"] * {
  1183.     color: rgba(255,60,231,0)!important;
  1184.     text-shadow: 1px 0 12px #2E2E2C,-1px 0 12px #2E2E2C;
  1185.     transition: 0.5s all;
  1186. }
  1187.  
  1188. a[href$="/spoiler"]:hover,
  1189. a[href$="/spoiler"]:hover * {
  1190.     text-shadow: none;
  1191.     color: black!important;
  1192. }
  1193.  
  1194. a[href$="/spoiler"]:before {
  1195.     content: 'SPOILER';
  1196.     background: none;
  1197.     background-color: transparent;
  1198.     font-size: 60%;
  1199.     line-height: 100%;
  1200.     vertical-align: top;
  1201.     color: red;
  1202.     text-shadow: none;
  1203.     font-weight: bold;
  1204. }
  1205.  
  1206.  
  1207.  
  1208. /******what?*******/
  1209. .flair-hero0fflair {
  1210.     border-radius: 5px;
  1211.     border: none !important;
  1212.     text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  1213.     -moz-box-shadow: 0 0 5px #c6ff00;
  1214.     -webkit-box-shadow: 0 0 5px #c6ff00;
  1215.     box-shadow: 0px 0px 5px #c6ff00;
  1216.     display: inline-block;
  1217.     margin-right: 3px;
  1218.     margin-left: 3px;
  1219.     background: linear-gradient(270deg, #ff0000, #f9ff00, #18ff00, #00fff6, #0600ff, #ff00f5, #ff0000);
  1220.     background-size: 800% 800%;
  1221.     -webkit-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
  1222.     -moz-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
  1223.     box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
  1224.     /* border-radius: 5px !important;
  1225.     -moz-border-radius: 5px !important;
  1226.     -webkit-border-radius: 5px !important;
  1227.     border: 6px double #FF0000 !important; */
  1228.        
  1229.     -webkit-animation-name: blinker;
  1230.     -webkit-animation-duration: .5s;
  1231.     -webkit-animation-timing-function: linear;
  1232.     -webkit-animation-iteration-count: infinite;
  1233.  
  1234.     -moz-animation-name: blinker;
  1235.     -moz-animation-duration: .5s;
  1236.     -moz-animation-timing-function: linear;
  1237.     -moz-animation-iteration-count: infinite;
  1238.  
  1239.     animation-name: blinker;
  1240.     animation-duration: .5s;
  1241.     animation-timing-function: linear;
  1242.     animation-iteration-count: infinite;
  1243.     -webkit-animation: doot 3s ease infinite, colorchange .6s initial infinite;
  1244.     -moz-animation: doot 3s ease infinite, colorchange .6s linear infinite;
  1245.     -o-animation: doot 3s ease infinite, colorchange .6s linear infinite;
  1246.     animation: colorchange .6s infinite, doot 3s ease infinite;
  1247.     z-index: 9999;
  1248. }
  1249.  
  1250. .flair-pulse {
  1251.     background: rgba(250,10,10,1);
  1252.     background: -moz-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
  1253.     background: -webkit-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
  1254.     background: -o-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
  1255.     background: -ms-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
  1256.     background: linear-gradient(to right, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
  1257.     color: white !important;
  1258.     -webkit-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
  1259.     -moz-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
  1260.     box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
  1261.     border-radius: 5px !important;
  1262.     -moz-border-radius: 5px !important;
  1263.     -webkit-border-radius: 5px !important;
  1264.     border: 6px double #FF0000;
  1265. /*  -webkit-animation-name: pulse;
  1266.   animation-name: pulse; */
  1267.  
  1268.     -webkit-animation-name: pulse;
  1269.     -webkit-animation-duration: .5s;
  1270.     -webkit-animation-timing-function: linear;
  1271.     -webkit-animation-iteration-count: infinite;
  1272.  
  1273.     -moz-animation-name: pulse;
  1274.     -moz-animation-duration: .5s;
  1275.     -moz-animation-timing-function: linear;
  1276.     -moz-animation-iteration-count: infinite;
  1277.  
  1278.     animation-name: pulse;
  1279.     animation-duration: .5s;
  1280.     animation-timing-function: linear;
  1281.     animation-iteration-count: infinite;
  1282. }
  1283.  
  1284. @-moz-keyframes blinker {  
  1285.     0% { opacity: 1.0; }
  1286.     50% { opacity: 0.0; }
  1287.     100% { opacity: 1.0; }
  1288. }
  1289. @-webkit-keyframes blinker {  
  1290.     0% { opacity: 1.0; }
  1291.     50% { opacity: 0.0; }
  1292.     100% { opacity: 1.0; }
  1293. }
  1294. @keyframes blinker {  
  1295.     0% { opacity: 1.0; }
  1296.     50% { opacity: 0.0; }
  1297.     100% { opacity: 1.0; }
  1298. }
  1299.  
  1300.  
  1301.  
  1302. @-webkit-keyframes colorchange {
  1303.     0%{color: #00f6ff}
  1304.     25%{color: #ff00ea}
  1305.     50%{color: #00ff06}
  1306.     75%{color: #fff600}
  1307.     100%{color: #00f6ff}
  1308. }
  1309.  
  1310. @-moz-keyframes colorchange {
  1311.     0%{color: #00f6ff}
  1312.     25%{color: #ff00ea}
  1313.     50%{color: #00ff06}
  1314.     75%{color: #fff600}
  1315.     100%{color: #00f6ff}
  1316. }
  1317. @-o-keyframes colorchange {
  1318.     0%{color: #00f6ff}
  1319.     25%{color: #ff00ea}
  1320.     50%{color: #00ff06}
  1321.     75%{color: #fff600}
  1322.     100%{color: #00f6ff}
  1323. }
  1324. @keyframes colorchange {
  1325.     0%{color: #00f6ff}
  1326.     25%{color: #ff00ea}
  1327.     50%{color: #00ff06}
  1328.     75%{color: #fff600}
  1329.     100%{color: #00f6ff}
  1330. }
  1331.  
  1332. @-webkit-keyframes doot {
  1333.     0%{background-position:0% 50%}
  1334.     50%{background-position:100% 50%}
  1335.     100%{background-position:0% 50%}
  1336. }
  1337. @-moz-keyframes doot {
  1338.     0%{background-position:0% 50%}
  1339.     50%{background-position:100% 50%}
  1340.     100%{background-position:0% 50%}
  1341. }
  1342. @-o-keyframes doot {
  1343.     0%{background-position:0% 50%}
  1344.     50%{background-position:100% 50%}
  1345.     100%{background-position:0% 50%}
  1346. }
  1347. @keyframes doot {
  1348.     0%{background-position:0% 50%}
  1349.     50%{background-position:100% 50%}
  1350.     100%{background-position:0% 50%}
  1351. }
  1352.  
  1353. @-webkit-keyframes pulse {
  1354.   from {
  1355.     -webkit-transform: scale3d(1, 1, 1);
  1356.     transform: scale3d(1, 1, 1);
  1357.   }
  1358.  
  1359.   50% {
  1360.     -webkit-transform: scale3d(1.05, 1.05, 1.05);
  1361.     transform: scale3d(1.05, 1.05, 1.05);
  1362.     background: rgba(10,10,250,1);
  1363.     background: -moz-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1364.     background: -webkit-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1365.     background: -o-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1366.     background: -ms-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1367.     background: linear-gradient(to right, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1368.     -webkit-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1369.     -moz-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1370.     box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1371.     border: 6px double #0000FF;
  1372.   }
  1373.  
  1374.   to {
  1375.     -webkit-transform: scale3d(1, 1, 1);
  1376.     transform: scale3d(1, 1, 1);
  1377.   }
  1378. }
  1379.  
  1380. @keyframes pulse {
  1381.   from {
  1382.     -webkit-transform: scale3d(1, 1, 1);
  1383.     transform: scale3d(1, 1, 1);
  1384.   }
  1385.  
  1386.   50% {
  1387.     -webkit-transform: scale3d(1.05, 1.05, 1.05);
  1388.     transform: scale3d(1.05, 1.05, 1.05);
  1389.     background: rgba(10,10,250,1);
  1390.     background: -moz-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1391.     background: -webkit-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1392.     background: -o-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1393.     background: -ms-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1394.     background: linear-gradient(to right, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1395.     -webkit-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1396.     -moz-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1397.     box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1398.     border: 6px double #0000FF;
  1399.   }
  1400.  
  1401.   to {
  1402.     -webkit-transform: scale3d(1, 1, 1);
  1403.     transform: scale3d(1, 1, 1);
  1404.   }
  1405. }
  1406.  
  1407. .flair-mattflair {
  1408.     border-radius: 5px;
  1409.     border: none !important;
  1410.     text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  1411.     -moz-box-shadow: 0 0 5px #c6ff00;
  1412.     -webkit-box-shadow: 0 0 5px #c6ff00;
  1413.     box-shadow: 0px 0px 5px #c6ff00;
  1414.     display: inline-block;
  1415.     margin-right: 3px;
  1416.     margin-left: 3px;
  1417.     background: linear-gradient(270deg, #ff0000, #000000, #ff0000, #000000, #ff0000, #000000, #ff0000);
  1418.     background-size: 800% 800%;
  1419.     -webkit-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
  1420.     -moz-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
  1421.     box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
  1422.     /* border-radius: 5px !important;
  1423.     -moz-border-radius: 5px !important;
  1424.     -webkit-border-radius: 5px !important;
  1425.     border: 6px double #FF0000 !important; */
  1426.        
  1427.     -webkit-animation-name: blinker;
  1428.     -webkit-animation-duration: 5s;
  1429.     -webkit-animation-timing-function: linear;
  1430.     -webkit-animation-iteration-count: infinite;
  1431.  
  1432.     -moz-animation-name: blinker;
  1433.     -moz-animation-duration: 5s;
  1434.     -moz-animation-timing-function: linear;
  1435.     -moz-animation-iteration-count: infinite;
  1436.  
  1437.     animation-name: blinker;
  1438.     animation-duration: 5s;
  1439.     animation-timing-function: linear;
  1440.     animation-iteration-count: infinite;
  1441.     -webkit-animation: doot 4s ease infinite, colorchange 2s initial infinite;
  1442.     -moz-animation: doot 4s ease infinite, colorchange 2s linear infinite;
  1443.     -o-animation: doot 4s ease infinite, colorchange 2s linear infinite;
  1444.     animation: colorchange 2s infinite, doot 4s ease infinite;
  1445.     z-index: 9999;
  1446. }
  1447.  
  1448. .flair-pulse {
  1449.     background: rgba(250,10,10,1);
  1450.     background: -moz-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(0,0,0,1) 71%, rgba(250,10,10,1) 100%);
  1451.     background: -webkit-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(0,0,0,1) 71%, rgba(250,10,10,1) 100%);
  1452.     background: -o-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(0,0,0,1) 71%, rgba(250,10,10,1) 100%);
  1453.     background: -ms-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(0,0,0,1) 71%, rgba(250,10,10,1) 100%);
  1454.     background: linear-gradient(to right, rgba(250,10,10,1) 0%, rgba(0,0,0,1) 71%, rgba(250,10,10,1) 100%);
  1455.     color: white !important;
  1456.     -webkit-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
  1457.     -moz-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
  1458.     box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
  1459.     border-radius: 5px !important;
  1460.     -moz-border-radius: 5px !important;
  1461.     -webkit-border-radius: 5px !important;
  1462.     border: 6px double #FF0000;
  1463. /*  -webkit-animation-name: pulse;
  1464.   animation-name: pulse; */
  1465.  
  1466.     -webkit-animation-name: pulse;
  1467.     -webkit-animation-duration: 5s;
  1468.     -webkit-animation-timing-function: linear;
  1469.     -webkit-animation-iteration-count: infinite;
  1470.  
  1471.     -moz-animation-name: pulse;
  1472.     -moz-animation-duration: 5s;
  1473.     -moz-animation-timing-function: linear;
  1474.     -moz-animation-iteration-count: infinite;
  1475.  
  1476.     animation-name: pulse;
  1477.     animation-duration: 5s;
  1478.     animation-timing-function: linear;
  1479.     animation-iteration-count: infinite;
  1480. }
  1481.  
  1482. @-moz-keyframes blinker {  
  1483.     0% { opacity: 1.0; }
  1484.     50% { opacity: 0.0; }
  1485.     100% { opacity: 1.0; }
  1486. }
  1487. @-webkit-keyframes blinker {  
  1488.     0% { opacity: 1.0; }
  1489.     50% { opacity: 0.0; }
  1490.     100% { opacity: 1.0; }
  1491. }
  1492. @keyframes blinker {  
  1493.     0% { opacity: 1.0; }
  1494.     50% { opacity: 0.0; }
  1495.     100% { opacity: 1.0; }
  1496. }
  1497.  
  1498.  
  1499.  
  1500. @-webkit-keyframes colorchange {
  1501.     0%{color: #ff0000}
  1502.     25%{color: #ffffff}
  1503.     50%{color: #ff0000}
  1504.     75%{color: #ffffff}
  1505.     100%{color: #ff0000}
  1506. }
  1507.  
  1508. @-moz-keyframes colorchange {
  1509.     0%{color: #ff0000}
  1510.     25%{color: #ffffff}
  1511.     50%{color: #ff0000}
  1512.     75%{color: #ffffff}
  1513.     100%{color: #ff0000}
  1514. }
  1515. @-o-keyframes colorchange {
  1516.     0%{color: #ff0000}
  1517.     25%{color: #ffffff}
  1518.     50%{color: #ff0000}
  1519.     75%{color: #ffffff}
  1520.     100%{color: #ff0000}
  1521. }
  1522. @keyframes colorchange {
  1523.     0%{color: #ff0000}
  1524.     25%{color: #ffffff}
  1525.     50%{color: #ff0000}
  1526.     75%{color: #ffffff}
  1527.     100%{color: #ff0000}
  1528. }
  1529.  
  1530. @-webkit-keyframes doot {
  1531.     0%{background-position:0% 50%}
  1532.     50%{background-position:100% 50%}
  1533.     100%{background-position:0% 50%}
  1534. }
  1535. @-moz-keyframes doot {
  1536.     0%{background-position:0% 50%}
  1537.     50%{background-position:100% 50%}
  1538.     100%{background-position:0% 50%}
  1539. }
  1540. @-o-keyframes doot {
  1541.     0%{background-position:0% 50%}
  1542.     50%{background-position:100% 50%}
  1543.     100%{background-position:0% 50%}
  1544. }
  1545. @keyframes doot {
  1546.     0%{background-position:0% 50%}
  1547.     50%{background-position:100% 50%}
  1548.     100%{background-position:0% 50%}
  1549. }
  1550.  
  1551. @-webkit-keyframes pulse {
  1552.   from {
  1553.     -webkit-transform: scale3d(1, 1, 1);
  1554.     transform: scale3d(1, 1, 1);
  1555.   }
  1556.  
  1557.   50% {
  1558.     -webkit-transform: scale3d(1.05, 1.05, 1.05);
  1559.     transform: scale3d(1.05, 1.05, 1.05);
  1560.     background: rgba(250,10,10,1);
  1561.     background: -moz-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1562.     background: -webkit-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1563.     background: -o-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1564.     background: -ms-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1565.     background: linear-gradient(to right, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1566.     -webkit-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1567.     -moz-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1568.     box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1569.     border: 6px double #0000FF;
  1570.   }
  1571.  
  1572.   to {
  1573.     -webkit-transform: scale3d(1, 1, 1);
  1574.     transform: scale3d(1, 1, 1);
  1575.   }
  1576. }
  1577.  
  1578. @keyframes pulse {
  1579.   from {
  1580.     -webkit-transform: scale3d(1, 1, 1);
  1581.     transform: scale3d(1, 1, 1);
  1582.   }
  1583.  
  1584.   50% {
  1585.     -webkit-transform: scale3d(1.05, 1.05, 1.05);
  1586.     transform: scale3d(1.05, 1.05, 1.05);
  1587.     background: rgba(250,10,10,1);
  1588.     background: -moz-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1589.     background: -webkit-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1590.     background: -o-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1591.     background: -ms-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1592.     background: linear-gradient(to right, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1593.     -webkit-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1594.     -moz-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1595.     box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1596.     border: 6px double #0000FF;
  1597.   }
  1598.  
  1599.   to {
  1600.     -webkit-transform: scale3d(1, 1, 1);
  1601.     transform: scale3d(1, 1, 1);
  1602.   }
  1603. }
  1604.  
  1605.  
  1606.  
  1607.  
  1608.  
  1609.  
  1610.  
  1611. /* Hide the mod flairs for the plebs (non mods) */
  1612. /* what the fuck is a pleb? is that some sort of hate slur? */
  1613.  
  1614. body:not(.moderator) .flairoptionpane>ul:nth-of-type(1) {
  1615.     display: none;
  1616. }
  1617.  
  1618.  
  1619.  
  1620.  
  1621.  
  1622.  
  1623.  
  1624.  
  1625.  
  1626. .flair-machoman {
  1627.     width: 40px;height: 42px;
  1628.     background: url(%%macho-mini%%) no-repeat;
  1629.     -webkit-animation: macho 1.5s steps(40) infinite;
  1630.     -moz-animation: macho 1.5s steps(40) infinite;
  1631.     -ms-animation: macho 1.5s steps(40) infinite;
  1632.     -o-animation: macho 1.5s steps(40) infinite;
  1633.     animation: macho 1.5s steps(40) infinite;
  1634.     text-indent: -9999px;
  1635. }
  1636. @-webkit-keyframes macho   {from { background-position: 0 0px; } to { background-position: 0 -1680px; }}
  1637. @-moz-keyframes macho      {from { background-position: 0 0px; } to { background-position: 0 -1680px; }}
  1638. @-ms-keyframes macho       {from { background-position: 0 0px; } to { background-position: 0 -1680px; }}
  1639. @-o-keyframes macho        {from { background-position: 0 0px; } to { background-position: 0 -1680px; }}
  1640. @keyframes macho           {from { background-position: 0 0; } to { background-position: 0 -1680px; }}
  1641.  
  1642.  
  1643.  
  1644.  
  1645.  
  1646.  
  1647. .flair-hero111 {
  1648.     width: 34px;height: 32px;
  1649.     background: url(%%hero111%%) no-repeat;
  1650.     -webkit-animation: goat 3s steps(27) infinite;
  1651.     -moz-animation: goat 3s steps(27) infinite;
  1652.     -ms-animation: goat 3s steps(27) infinite;
  1653.     -o-animation: goat 3s steps(27) infinite;
  1654.     animation: goat 3s steps(27) infinite;
  1655.     text-indent: -9999px;
  1656. }
  1657. @-webkit-keyframes goat {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
  1658. @-moz-keyframes goat    {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
  1659. @-ms-keyframes goat     {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
  1660. @-o-keyframes goat      {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
  1661. @keyframes goat         {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
  1662.  
  1663.  
  1664.  
  1665.  
  1666.  
  1667.  
  1668.  
  1669.  
  1670. .flair-dino:hover{text-indent: 43px; white-space:nowrap;}
  1671. .flair-dino {
  1672.     width: 45px;height: 57.5px;
  1673.     background: url(%%dino%%) no-repeat;
  1674.     -webkit-animation: dino 1.5s steps(32) infinite;
  1675.     -moz-animation: dino 1.5s steps(32) infinite;
  1676.     -ms-animation: dino 1.5s steps(32) infinite;
  1677.     -o-animation: dino 1.5s steps(32) infinite;
  1678.     animation: dino 1.5s steps(32) infinite;
  1679.     text-indent: -9999px;
  1680. }
  1681. @-webkit-keyframes dino   {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1682. @-moz-keyframes dino      {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1683. @-ms-keyframes dino       {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1684. @-o-keyframes dino        {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1685. @keyframes dino           {from { background-position: 0 0; } to { background-position: 0 -1840px; }}
  1686. /* dino glow */
  1687.  
  1688.  
  1689. .flair-dino:hover {
  1690.     width: 45px;height: 57.5px;
  1691.     background: url(%%dinodark%%) no-repeat;
  1692.     -webkit-animation: dinodark 1.5s steps(32) infinite;
  1693.     -moz-animation: dinodark 1.5s steps(32) infinite;
  1694.     -ms-animation: dinodark 1.5s steps(32) infinite;
  1695.     -o-animation: dinodark 1.5s steps(32) infinite;
  1696.     animation: dinodark 1.5s steps(32) infinite;
  1697.     text-indent: -9999px;
  1698. }
  1699. @-webkit-keyframes dinodark   {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1700. @-moz-keyframes dinodark      {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1701. @-ms-keyframes dinodark       {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1702. @-o-keyframes dinodark        {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1703. @keyframes dinodark           {from { background-position: 0 0; } to { background-position: 0 -1840px; }}
  1704.  
  1705.  
  1706.  
  1707.  
  1708.  
  1709.  
  1710.  
  1711.  
  1712.  
  1713.  
  1714.  
  1715. /* dino glow */
  1716.  
  1717. .flair-somb {
  1718.     width: 45px;height: 50px;
  1719.     background: url(%%somb%%) no-repeat;
  1720.     -webkit-animation: somb .5s steps(6) infinite;
  1721.     -moz-animation: somb .5s steps(6) infinite;
  1722.     -ms-animation: somb .5s steps(6) infinite;
  1723.     -o-animation: somb .5s steps(6) infinite;
  1724.     animation: somb .5s steps(6) infinite;
  1725.     text-indent: -9999px;
  1726. }
  1727. @-webkit-keyframes somb   {from { background-position: 0 0px; } to { background-position: 0 -300px; }}
  1728. @-moz-keyframes somb      {from { background-position: 0 0px; } to { background-position: 0 -300px; }}
  1729. @-ms-keyframes somb       {from { background-position: 0 0px; } to { background-position: 0 -300px; }}
  1730. @-o-keyframes somb        {from { background-position: 0 0px; } to { background-position: 0 -300px; }}
  1731. @keyframes somb           {from { background-position: 0 0; } to { background-position: 0 -300px; }}
  1732.  
  1733.  
  1734.  
  1735.  
  1736.  
  1737.  
  1738.  
  1739.  
  1740.  
  1741.  
  1742.  
  1743. /*xmas poop*/
  1744. .flair-xmaspoo {
  1745.     width: 40px;height: 41px;
  1746.     background: url(%%xmaspoo%%) no-repeat;
  1747.     -webkit-animation: xmaspoo 2s steps(28) infinite;
  1748.     -moz-animation: xmaspoo 2s steps(28) infinite;
  1749.     -ms-animation: xmaspoo 2s steps(28) infinite;
  1750.     -o-animation: xmaspoo 2s steps(28) infinite;
  1751.     animation: xmaspoo 2s steps(28) infinite;
  1752.     text-indent: -9999px;
  1753. }
  1754. @-webkit-keyframes xmaspoo   {from { background-position: 0 0px; } to { background-position: 0 -1158px; }}
  1755. @-moz-keyframes xmaspoo      {from { background-position: 0 0px; } to { background-position: 0 -1158px; }}
  1756. @-ms-keyframes xmaspoo       {from { background-position: 0 0px; } to { background-position: 0 -1158px; }}
  1757. @-o-keyframes xmaspoo       {from { background-position: 0 0px; } to { background-position: 0 -1158px; }}
  1758. @keyframes xmaspoo           {from { background-position: 0 0; } to { background-position: 0 -1158px; }}
  1759. /*end xmas poop*/
  1760.  
  1761.  
  1762.  
  1763.  
  1764.  
  1765.  
  1766.  
  1767.  
  1768. /*gt flair start*/
  1769. .comments-page .linkflair-giftournament .md strong,.comments-page .linkflair-giftournament.stickied .md strong{color:#fff!important}
  1770. .linkflair-giftournament.stickied .md strong{color:#fff}
  1771. .linkflair-giftournament .md h1{color:#fff!important}
  1772. /*edit this*/
  1773. .link.stickied.linkflair-giftournament .score,.thing.stickied.linkflair-giftournament .entry li .comments,.thing.stickied.linkflair-giftournament a,.thing.stickied.linkflair-giftournament a.title{color:#3cadff!important}
  1774. .comments-page .stickied.linkflair-giftournament::before{content:" ";pointer-events:none;display:block;position:absolute;height:100%;width:100%;z-index:0;background:radial-gradient(ellipse farthest-side at left top,rgba(255,255,255,0) 0,rgba(0,195,255,.15) 100%)}
  1775. /*edit this*/
  1776. .linkflair-giftournament.stickied .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
  1777. .linkflair-giftournament.stickied .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  1778. .linkflair-giftournament .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
  1779. .linkflair-giftournament .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  1780. .thing.stickied.linkflair-giftournament .usertext .md a{color:#FFF!important}
  1781. /*edit this*/
  1782. .thing.stickied.linkflair-giftournament .expando-button:hover{background-color:#3cadff!important;border-color:#3cadff!important}
  1783. .comments-page .linkflair-giftournament{background-image:url(%%gt8-fade%%);border-radius:0}
  1784. .comments-page .linkflair-giftournament::before{display:block;height:100%;background:radial-gradient(ellipse farthest-side at left top,rgba(255,255,255,0) 0,rgba(0,195,255,.15) 100%)}
  1785. /*edit this*/
  1786. .linkflair-giftournament .usertext .md{color:#3cadff}
  1787. .linkflair-giftournament .usertext .md a{color:#FFF;font-weight:700}
  1788. .linkflair-giftournament a.title,.stickied a.title{font-weight:900;font-family:Futura,'Century Gothic',sans-serif}
  1789. .linkflair-giftournament .usertext .md blockquote{color:inherit}
  1790. .linkflair-giftournament .usertext .md pre{color:initial}.linkflair-giftournament .usertext .md a:visited{color:#FFF}
  1791. /*edit this*/
  1792. .linkflair-giftournament a.title,.listing-page .linkflair-giftournament a{color:#3cadff!important}
  1793. .link.last-clicked.linkflair-giftournament{background-color:#444!important}
  1794. .linkflair-giftournament .entry .buttons li a,.linkflair-giftournament .entry .tagline{color:#CCC}
  1795. .linkflair-giftournament .entry{border-bottom:0}
  1796. /*edit this*/
  1797. .linkflair-giftournament,.linkflair-giftournament.stickied{background:url(%%gt8-fade%%) no-repeat 95% 48% #333;border:1px solid #000;background-size:248px}
  1798. /*edit this*/
  1799. .linkflair-giftournament .linkflairlabel{background-color:#333;font-size:11px;font-weight:700;border-color:#000}
  1800. .linkflair-giftournament .linkflairlabel{color:#fff;border-width:1;border-radius:3px;padding:3px}
  1801. /*gt flair end*/
  1802.  
  1803.  
  1804.  
  1805.  
  1806.  
  1807.  
  1808. /*battle flair start*/
  1809. .comments-page .linkflair-battles .md strong,.comments-page .linkflair-battles.stickied .md strong{color:#0099ff!important}
  1810.  
  1811. .linkflair-battles.stickied .md strong{color:#0099ff}
  1812.  
  1813. .linkflair-battles .md h1{color:#0099ff!important}
  1814.  
  1815. /*edit this*/
  1816. .link.stickied.linkflair-battles .score,.thing.stickied.linkflair-battles .entry li .comments,.thing.stickied.linkflair-battles a,.thing.stickied.linkflair-battles a.title{color:#3cadff!important}
  1817.  
  1818. /*edit this*/
  1819. .linkflair-battles.stickied .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
  1820. .linkflair-battles.stickied .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  1821. .linkflair-battles .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
  1822. .linkflair-battles .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  1823. .thing.stickied.linkflair-battles .usertext .md a{color:#0099ff!important}
  1824.  
  1825. /*edit this*/
  1826. .thing.stickied.linkflair-battles .expando-button:hover{background-color:#3cadff!important;border-color:#3cadff!important}
  1827. .comments-page .linkflair-battles{background-image:url(%%battle%%);border-radius:0}
  1828. .comments-page .linkflair-battles::before{display:block;height:100%;background:radial-gradient(ellipse farthest-side at left top,rgba(255,255,255,0) 0,rgba(0,195,255,.15) 100%)}
  1829.  
  1830. /*edit this*/
  1831. .linkflair-battles .usertext .md a{color:#0099ff;font-weight:700}
  1832. .linkflair-battles a.title,.stickied a.title{font-weight:900;font-family:Futura,'Century Gothic',sans-serif}
  1833. .linkflair-battles .usertext .md blockquote{color:inherit}
  1834. .linkflair-battles .usertext .md pre{color:initial}.linkflair-battles .usertext .md a:visited{color:#0099ff}
  1835.  
  1836. /*edit this*/
  1837. .linkflair-battles a.title,.listing-page .linkflair-battles a{color:#3cadff!important}
  1838. .link.last-clicked.linkflair-battles{background-color:#444!important}
  1839. .linkflair-battles .entry .buttons li a,.linkflair-battles .entry .tagline{color:#CCC}
  1840. .linkflair-battles .entry{border-bottom:0}
  1841.  
  1842. /*edit this*/
  1843. .linkflair-battles,.linkflair-battles.stickied{background:url(%%battle%%) no-repeat 98% 50% #333;border:1px solid #000}
  1844.  
  1845. /*edit this*/
  1846. .linkflair-battles .linkflairlabel{background-color:#333;font-size:11px;font-weight:700;border-color:#000}
  1847. .linkflair-battles .linkflairlabel{color:#0099ff;border-width:1;border-radius:3px;padding:3px}
  1848.  
  1849. .linkflair-battles .usertext-body.may-blank-within.md-container{background-color:transparent!important}
  1850. .flairoptionpane .linkflair{background:none;border:0px}
  1851. /*battle flair end*/
  1852.  
  1853.  
  1854.  
  1855.  
  1856.  
  1857.  
  1858.  
  1859.  
  1860.  
  1861.  
  1862. /* Animation */
  1863. .side h5:nth-of-type(1) {
  1864. left: 250px;
  1865. top: 250px;
  1866. -webkit-animation: movealiens 15s linear infinite;
  1867. -moz-animation: movealiens 15s linear infinite;
  1868. -o-animation: movealiens 15s linear infinite;
  1869. background-image: url(%%saucer1%%);
  1870. width: 138px; height: 103px;
  1871. }
  1872.  
  1873. /* variable speed, and position of ayyliens for realistic effect */
  1874. .side h5:nth-of-type(2) {
  1875. left: 200px;
  1876. -webkit-transform: scale(0.6);
  1877. -moz-transform: scale(0.6);
  1878. transform: scale(0.6);
  1879. background-image: url(%%saucer2%%);
  1880. width: 145px; height: 112px;
  1881.  
  1882. /* Speed will also be proportional to the size */
  1883. /* More the speed. Less the time in 's' = seconds*/
  1884. -webkit-animation: movealiens 25s linear infinite;
  1885. -moz-animation: movealiens 25s linear infinite;
  1886. -o-animation: movealiens 25s linear infinite;
  1887. }
  1888.  
  1889.  
  1890.  
  1891. .side h5:nth-of-type(1) {
  1892. left: 350px; top: 100px;  
  1893. -webkit-transform: scale(0.8);
  1894. -moz-transform: scale(0.8);
  1895. transform: scale(0.8);
  1896. background-image: url(%%saucer1%%);
  1897. width: 136px; height: 104px;
  1898.  
  1899. -webkit-animation: movealiens 18s linear infinite;
  1900. -moz-animation: movealiens 18s linear infinite;
  1901. -o-animation: movealiens 18s linear infinite;
  1902. }
  1903.  
  1904.  
  1905.  
  1906. .side h5:nth-of-type(2) {
  1907. left: 400px; top: 600px;
  1908. -webkit-transform: scale(0.8);
  1909. -moz-transform: scale(0.8);
  1910. transform: scale(0.8);
  1911.  
  1912. -webkit-animation: movealiens 16s linear infinite;
  1913. -moz-animation: movealiens 16s linear infinite;
  1914. -o-animation: movealiens 16s linear infinite;
  1915. }
  1916.  
  1917. @-webkit-keyframes movealiens {
  1918. 0% {margin-left: 1000px;}
  1919. 100% {margin-left: -1580px;}
  1920. }
  1921. @-moz-keyframes movealiens {
  1922. 0% {margin-left: 1000px;}
  1923. 100% {margin-left: -1580px;}
  1924. }
  1925. @-o-keyframes movealiens {
  1926. 0% {margin-left: 1000px;}
  1927. 100% {margin-left: -1580px;}
  1928. }
  1929.  
  1930.  
  1931.  
  1932.  
  1933.  
  1934.  
  1935.  
  1936.  /**
  1937.    * star wars the sub?
  1938.    */
  1939.  html:lang(sw) {
  1940.   overflow: hidden;
  1941.   perspective: 300px;
  1942. }
  1943. body:lang(sw) {
  1944.   height: 100%;
  1945.   transform: rotateX(25deg) translateZ(-3000px);
  1946. }
  1947.  
  1948.  
  1949.  
  1950.  
  1951. body:lang(sw) {
  1952.     position: absolute;
  1953.     height: 160px;
  1954.     top: 0px;
  1955.     right: 0;
  1956.     bottom: 0;
  1957.     left: 0;
  1958.     z-index: -1;
  1959.     -webkit-animation: pan 160s linear infinite;
  1960.     -moz-animation: pan 160s linear infinite;
  1961.     animation: pan 160s linear infinite;
  1962. }
  1963. @-webkit-keyframes pan {
  1964.     0%   { background-position: 50% 0; }
  1965.     50%  { background-position: 50% -950px; }
  1966.     100% { background-position: 50% 0; }
  1967. }
  1968. @-moz-keyframes pan {
  1969.     0%   { background-position: 50% 0; }
  1970.     50%  { background-position: 50% -950px; }
  1971.     100% { background-position: 50% 0; }
  1972. }
  1973. @keyframes pan {
  1974.     0%   { background-position: 50% 0; }
  1975.     50%  { background-position: 50% -950px; }
  1976.     100% { background-position: 50% 0; }
  1977. }
  1978.  
  1979.  
  1980.  
  1981.  
  1982.  
  1983.  
  1984.  
  1985. .flair-swift40 {
  1986.     width: 40px;height: 54px;
  1987.     background: url(%%swift40t%%) no-repeat;
  1988.     -webkit-animation: swift40 1.5s steps(10) infinite;
  1989.     -moz-animation: swift40 1.5s steps(10) infinite;
  1990.     -ms-animation: swift40 1.5s steps(10) infinite;
  1991.     -o-animation: swift40 1.5s steps(10) infinite;
  1992.     animation: swift40 1.5s steps(10) infinite;
  1993.     text-indent: -9999px;
  1994. }
  1995. @-webkit-keyframes swift40   {from { background-position: 0 0px; } to { background-position: 0 -540px; }}
  1996. @-moz-keyframes swift40      {from { background-position: 0 0px; } to { background-position: 0 -540px; }}
  1997. @-ms-keyframes swift40       {from { background-position: 0 0px; } to { background-position: 0 -540px; }}
  1998. @-o-keyframes swift40        {from { background-position: 0 0px; } to { background-position: 0 -540px; }}
  1999. @keyframes swift40           {from { background-position: 0 0; } to { background-position: 0 -540px; }}
  2000.  
  2001.  
  2002.  
  2003.  
  2004.  
  2005.  
  2006. /*haha flair start*/
  2007. .comments-page .linkflair-haha .md strong,.comments-page .linkflair-haha.stickied .md strong{color:#0099ff!important}
  2008.  
  2009. .linkflair-haha.stickied .md strong{color:#0099ff}
  2010.  
  2011. .linkflair-haha .md h1{color:#0099ff!important}
  2012.  
  2013. /*edit this*/
  2014. .link.stickied.linkflair-haha .score,.thing.stickied.linkflair-haha .entry li .comments,.thing.stickied.linkflair-haha a,.thing.stickied.linkflair-haha a.title{color:#3cadff!important}
  2015.  
  2016. /*edit this*/
  2017. .linkflair-haha.stickied .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
  2018. .linkflair-haha.stickied .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  2019. .linkflair-haha .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
  2020. .linkflair-haha .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  2021. .thing.stickied.linkflair-haha .usertext .md a{color:#0099ff!important}
  2022.  
  2023. /*edit this*/
  2024. .thing.stickied.linkflair-haha .expando-button:hover{background-color:#3cadff!important;border-color:#3cadff!important}
  2025. .comments-page .linkflair-haha{background-image:url(%%haha%%);border-radius:0}
  2026. .comments-page .linkflair-haha::before{display:block;height:100%;background:radial-gradient(ellipse farthest-side at left top,rgba(255,255,255,0) 0,rgba(0,195,255,.15) 100%)}
  2027.  
  2028. /*edit this*/
  2029. .linkflair-haha .usertext .md a{color:#0099ff;font-weight:700}
  2030. .linkflair-haha a.title,.stickied a.title{font-weight:900;font-family:Futura,'Century Gothic',sans-serif}
  2031. .linkflair-haha .usertext .md blockquote{color:inherit}
  2032. .linkflair-haha .usertext .md pre{color:initial}.linkflair-haha .usertext .md a:visited{color:#0099ff}
  2033.  
  2034. /*edit this*/
  2035. .linkflair-haha a.title,.listing-page .linkflair-haha a{color:#3cadff!important}
  2036. .link.last-clicked.linkflair-haha{background-color:#444!important}
  2037. .linkflair-haha .entry .buttons li a,.linkflair-haha .entry .tagline{color:#CCC}
  2038. .linkflair-haha .entry{border-bottom:0}
  2039.  
  2040. /*edit this*/
  2041. .linkflair-haha,.linkflair-haha.stickied{background:url(%%haha%%) no-repeat 98% 50% #333;border:1px solid #000}
  2042.  
  2043. /*edit this*/
  2044. .linkflair-haha .linkflairlabel{background-color:#333;font-size:11px;font-weight:700;border-color:#000}
  2045. .linkflair-haha .linkflairlabel{color:#0099ff;border-width:1;border-radius:3px;padding:3px}
  2046.  
  2047. .linkflair-haha .usertext-body.may-blank-within.md-container{background-color:transparent!important}
  2048. .flairoptionpane .linkflair{background:none;border:0px}
  2049. /*haha flair end*/
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!