API tools faq
paste
Advertisement
hero0fwar

HQG CSS 9/3/2018

hero0fwar
Sep 3rd, 2018
150
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 93.35 KB | None | 0 0
raw download clone embed print report
  1. /* Submit Warning */
  2. .submit_text {overflow: visible;padding: 20px 10px;max-height: none;}
  3. .submit_text h2 {font-size: 500%;color: red;margin: 10px 0;}
  4. .submit_text h3 {font-size: 150%;color: red;}
  5. .submit_text h4 {font-size: 150%;color: red;}
  6. .submit_text h5 {font-size: 100%;font-weight: normal;}
  7. /* End Submit Warning */
  8.  
  9. /* hide contest names - change the link id per contest thread */
  10. /*
  11. .nestedlisting[id$="96saan"] a.author { display: none; }
  12. .nestedlisting[id$="96saan"] .userattrs a.submitter:after { display: none; }
  13. .nestedlisting[id$="96saan"] .flair { display: none; }
  14. .nestedlisting[id$="96saan"] .author + *:before { content: 'Username hidden '; color: #f00; }
  15. .nestedlisting[id$="96saan"] .tagline .RESUserTag .userTagLink,
  16. .nestedlisting[id$="96saan"] .tagline .voteWeight {display: none !important;}
  17. #siteTable_t3_96saan .comment .arrow.down {display:none;}
  18. */
  19.  
  20.  
  21. /* Header */
  22. .linkflairlabel, .flair { max-width: 100%; }
  23.  
  24.  
  25. #header { background: url(%%hqg-banner%%) 0 19px; height: 160px; }
  26.  
  27. #header-bottom-left { position: absolute; bottom: 0; }
  28.  
  29. #header:before {
  30.     background: url(%%hqg-banner%%) no-repeat center top;
  31.     content: '';
  32.     position: absolute;
  33.     height: 160px;
  34.     top: 0px;
  35.     right: 0;
  36.     bottom: 0;
  37.     left: 0;
  38.     z-index: -1;
  39.     -webkit-animation: pan 160s linear infinite;
  40.     -moz-animation: pan 160s linear infinite;
  41.     animation: pan 160s linear infinite;
  42. }
  43. @-webkit-keyframes pan {
  44.     0%   { background-position: 50% 0; }
  45.     50%  { background-position: 50% -950px; }
  46.     100% { background-position: 50% 0; }
  47. }
  48. @-moz-keyframes pan {
  49.     0%   { background-position: 50% 0; }
  50.     50%  { background-position: 50% -950px; }
  51.     100% { background-position: 50% 0; }
  52. }
  53. @keyframes pan {
  54.     0%   { background-position: 50% 0; }
  55.     50%  { background-position: 50% -950px; }
  56.     100% { background-position: 50% 0; }
  57. }
  58.  
  59.  
  60.  
  61.  
  62.  
  63. .fancy-toggle-button > .option.add, .fancy-toggle-button > .option.remove, .morelink a,
  64. .fancy-settings button,
  65. .usertext-edit button.save,
  66. .usertext-edit button.cancel,
  67. .tabbedpane button,
  68. .flairselector button,
  69. .wiki-page-content button,
  70. .formtabs-content button,
  71. .fancy-settings .linefield button,
  72. button.btn,
  73. input[type=submit], .res .RESshortcutside, .res .RESshortcutside.remove,
  74. .res .RESDashboardToggle,
  75. .res .RESDashboardToggle.remove, .res #BigEditor button, .res #alert_message > input[type=button], .res.res-nightmode .content button,
  76. .res.res-nightmode .content input[type=submit],
  77. .res.res-nightmode button,
  78. .res.res-nightmode input[type=submit] {
  79.   color: white;
  80.   font-family: "Trebuchet MS", Helvetica, sans-serif;
  81.   padding: 2px 8px;
  82.   width: auto;
  83.   min-width: 4em;
  84.   height: auto;
  85.   line-height: 1.5em;
  86.   vertical-align: middle;
  87.   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  88.   text-decoration: none;
  89.   border: none;
  90.   text-align: center;
  91.   margin-right: 3px;
  92.   background: -webkit-linear-gradient(top, #51b3d6, #006f9c);
  93.   background: -moz-linear-gradient(top, #51b3d6, #006f9c);
  94.   background: linear-gradient(to bottom, #51b3d6, #006f9c);
  95.   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  96.   border-radius: 4px;
  97. }
  98. .fancy-toggle-button > .option.add:visited, .fancy-toggle-button > .option.remove:visited, .morelink a:visited,
  99. .fancy-settings button:visited,
  100. .usertext-edit button.save:visited,
  101. .usertext-edit button.cancel:visited,
  102. .tabbedpane button:visited,
  103. .flairselector button:visited,
  104. .wiki-page-content button:visited,
  105. .formtabs-content button:visited,
  106. button.btn:visited,
  107. input[type=submit]:visited, .res .RESshortcutside:visited,
  108. .res .RESDashboardToggle:visited, .res #BigEditor button:visited, .res #alert_message > input[type=button]:visited,
  109. .res.res-nightmode button:visited,
  110. .res.res-nightmode input[type=submit]:visited {
  111.   color: white;
  112. }
  113. .fancy-toggle-button > .option.add:hover, .fancy-toggle-button > .option.remove:hover, .morelink a:hover,
  114. .fancy-settings button:hover,
  115. .usertext-edit button.save:hover,
  116. .usertext-edit button.cancel:hover,
  117. .tabbedpane button:hover,
  118. .flairselector button:hover,
  119. .wiki-page-content button:hover,
  120. .formtabs-content button:hover,
  121. button.btn:hover,
  122. input[type=submit]:hover, .res .RESshortcutside:hover,
  123. .res .RESDashboardToggle:hover, .res #BigEditor button:hover, .res #alert_message > input[type=button]:hover,
  124. .res.res-nightmode button:hover,
  125. .res.res-nightmode input[type=submit]:hover, .fancy-toggle-button > .option.add:focus, .fancy-toggle-button > .option.remove:focus, .morelink a:focus,
  126. .fancy-settings button:focus,
  127. .usertext-edit button.save:focus,
  128. .usertext-edit button.cancel:focus,
  129. .tabbedpane button:focus,
  130. .flairselector button:focus,
  131. .wiki-page-content button:focus,
  132. .formtabs-content button:focus,
  133. button.btn:focus,
  134. input[type=submit]:focus, .res .RESshortcutside:focus,
  135. .res .RESDashboardToggle:focus, .res #BigEditor button:focus, .res #alert_message > input[type=button]:focus,
  136. .res.res-nightmode button:focus,
  137. .res.res-nightmode input[type=submit]:focus {
  138.   color: white;
  139.   text-decoration: none !important;
  140.   background: -webkit-linear-gradient(top, #0274a1, #006f9c);
  141.   background: -moz-linear-gradient(top, #0274a1, #006f9c);
  142.   background: linear-gradient(to bottom, #0274a1, #006f9c);
  143. }
  144. .fancy-toggle-button > .option.add:active, .fancy-toggle-button > .option.remove:active, .morelink a:active,
  145. .fancy-settings button:active,
  146. .usertext-edit button.save:active,
  147. .usertext-edit button.cancel:active,
  148. .tabbedpane button:active,
  149. .flairselector button:active,
  150. .wiki-page-content button:active,
  151. .formtabs-content button:active,
  152. button.btn:active,
  153. input[type=submit]:active, .res .RESshortcutside:active,
  154. .res .RESDashboardToggle:active, .res #BigEditor button:active, .res #alert_message > input[type=button]:active,
  155. .res.res-nightmode button:active,
  156. .res.res-nightmode input[type=submit]:active {
  157.   background: -webkit-linear-gradient(top, #0274a1, #006f9c);
  158.   background: -moz-linear-gradient(top, #0274a1, #006f9c);
  159.   background: linear-gradient(to bottom, #0274a1, #006f9c);
  160.   box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(255, 255, 255, 0.7);
  161. }
  162.  
  163. .expando-button.selftext.collapsed,.expando-button.video.collapsed,.expando-button.selftext.collapsed:hover,.expando-button.video.collapsed:hover{
  164.     background-image:none;
  165. }
  166. .res .expando-button.toggleImage.image::before, .linkImage::before{
  167.     background:none!important;
  168. }
  169.  
  170. .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,
  171. .wiki-page .pageactions > .wikiaction,
  172. .nav-buttons .nextprev > a,
  173. .res .RESSubscriptionButton,
  174. .res button.RESBigEditorPop,
  175. .res #BigEditor .RESCloseButton,
  176. .res .markdownEditor .RESMacroDropdownTitle,
  177. .res .markdownEditor > a.edit-btn,
  178. .res #alert_message .buttonContainer > input[type=button] {
  179.   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 1px rgba(0, 0, 0, 0.12);
  180. }
  181.  
  182. .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,
  183. .menuarea .spacer .toggle .togglebutton,
  184. .menuarea .spacer .dropdown.lightdrop,
  185. .res .commentNavSortType,
  186. .wiki-page .pageactions > .wikiaction,
  187. .nav-buttons .nextprev > a,
  188. .res .RESSubscriptionButton,
  189. .res button.RESBigEditorPop,
  190. .res #BigEditor .RESCloseButton,
  191. .res .markdownEditor .RESMacroDropdownTitle,
  192. .res .markdownEditor > a.edit-btn,
  193. .res #alert_message .buttonContainer > input[type=button] {
  194.   color: #6b6b6b;
  195.   text-decoration: none;
  196.   padding: 1px 2px;
  197.   border: solid 1px #aaaaaa;
  198.   border-radius: 3px;
  199. }
  200. .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,
  201. .menuarea .spacer .toggle .togglebutton:hover, .expando-button.video-muted:hover
  202. .menuarea .spacer .dropdown.lightdrop:hover,
  203. .res .commentNavSortType:hover,
  204. .menuarea .spacer .toggle .togglebutton:focus,
  205. .menuarea .spacer .dropdown.lightdrop:focus,
  206. .res .commentNavSortType:focus,
  207. .wiki-page .pageactions > .wikiaction:hover,
  208. .nav-buttons .nextprev > a:hover,
  209. .res .RESSubscriptionButton:hover,
  210. .res button.RESBigEditorPop:hover,
  211. .res #BigEditor .RESCloseButton:hover,
  212. .res .markdownEditor .RESMacroDropdownTitle:hover,
  213. .res .markdownEditor > a.edit-btn:hover,
  214. .res #alert_message .buttonContainer > input[type=button]:hover,
  215. .wiki-page .pageactions > .wikiaction:focus,
  216. .nav-buttons .nextprev > a:focus,
  217. .res .RESSubscriptionButton:focus,
  218. .res button.RESBigEditorPop:focus,
  219. .res #BigEditor .RESCloseButton:focus,
  220. .res .markdownEditor .RESMacroDropdownTitle:focus,
  221. .res .markdownEditor > a.edit-btn:focus,
  222. .res #alert_message .buttonContainer > input[type=button]:focus {
  223.   text-decoration: none;
  224. }
  225.  
  226. .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,
  227. .menuarea .spacer .toggle .togglebutton:active,
  228. .menuarea .spacer .dropdown.lightdrop:active,
  229. .res .commentNavSortType:active,
  230. .wiki-page .pageactions > .wikiaction:active,
  231. .nav-buttons .nextprev > a:active,
  232. .res .RESSubscriptionButton:active,
  233. .res button.RESBigEditorPop:active,
  234. .res #BigEditor .RESCloseButton:active,
  235. .res .markdownEditor .RESMacroDropdownTitle:active,
  236. .res .markdownEditor > a.edit-btn:active,
  237. .res #alert_message .buttonContainer > input[type=button]:active {
  238.   background: -webkit-linear-gradient(top, #efefef, #e0e0e0);
  239.   background: -moz-linear-gradient(top, #efefef, #e0e0e0);
  240.   background: linear-gradient(to bottom, #efefef, #e0e0e0);
  241.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.7);
  242. }
  243.  
  244.  
  245. .wiki-page .pageactions > .wikiaction {
  246.   margin: 0;
  247.   border-right-style: none;
  248.   border-radius: 0;
  249. }
  250. .wiki-page .pageactions > .wikiaction:visited {
  251.   color: #6b6b6b;
  252. }
  253.  
  254. .wiki-page .pageactions > .wikiaction:first-child {
  255.   border-radius: 3px 0 0 3px;
  256. }
  257.  
  258. .wiki-page .pageactions > .wikiaction:last-child {
  259.   border-right-style: solid;
  260.   border-radius: 0 3px 3px 0;
  261. }
  262.  
  263. .wiki-page .pageactions > .wikiaction.wikiaction-current {
  264.   font-weight: bold;
  265. }
  266.  
  267. .fancy-toggle-button > .option.add, .fancy-toggle-button > .option.remove {
  268.   font-size: 13px;
  269.   margin: 0;
  270. }
  271. .fancy-toggle-button > .option.add.active, .fancy-toggle-button > .option.remove.active {
  272.   display: inline-block;
  273.   vertical-align: middle;
  274. }
  275. .fancy-toggle-button > .option.add, .fancy-toggle-button > .option.add:hover, .fancy-toggle-button > .option.add:focus, .fancy-toggle-button > .option.add:active {
  276.   background: -webkit-linear-gradient(top, #859900, #6a7a00);
  277.   background: -moz-linear-gradient(top, #859900, #6a7a00);
  278.   background: linear-gradient(to bottom, #859900, #6a7a00);
  279. }
  280. .fancy-toggle-button > .option.remove, .fancy-toggle-button > .option.remove:hover, .fancy-toggle-button > .option.remove:focus, .fancy-toggle-button > .option.remove:active {
  281.   background: -webkit-linear-gradient(top, #dc322f, #ca2522);
  282.   background: -moz-linear-gradient(top, #dc322f, #ca2522);
  283.   background: linear-gradient(to bottom, #dc322f, #ca2522);
  284. }
  285. .fancy-toggle-button > .option.add:active, .fancy-toggle-button > .option.remove:active {
  286.   box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.3);
  287. }
  288.  
  289. .nub {
  290.   display: none;
  291. }
  292.  
  293. .morelink {
  294.   border: none;
  295.   background: none;
  296. }
  297. .morelink:hover {
  298.   background: none !important;
  299. }
  300. .morelink a {
  301.   letter-spacing: 0;
  302.   margin-right: 0;
  303.   padding: 5px 8px;
  304. }
  305.  
  306. .submit.disabled > .morelink > a {
  307.   color: rgba(0, 0, 0, 0.4);
  308.   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  309.   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px rgba(0, 0, 0, 0.2);
  310.   background: -webkit-linear-gradient(top, #cbcbcb, #bababa);
  311.   background: -moz-linear-gradient(top, #cbcbcb, #bababa);
  312.   background: linear-gradient(to bottom, #cbcbcb, #bababa);
  313. }
  314. .submit.mod-override > .morelink > a {
  315.   padding-left: 30px;
  316. }
  317. .submit.mod-override > .morelink > a::after {
  318.   background-position: -16px -32px;
  319.   left: 3px;
  320.   top: 1px;
  321.   opacity: 0.6;
  322. }
  323. .submit.mod-override > .morelink > a::before {
  324.   display: none;
  325.   content: 'Only available to moderator';
  326.   position: absolute;
  327.   font-weight: normal;
  328.   right: 102%;
  329.   top: 0;
  330.   font-size: 13px;
  331.   width: auto;
  332.   white-space: nowrap;
  333.   text-shadow: none;
  334. }
  335. .submit.mod-override > .morelink:hover > a::after {
  336.   opacity: 1;
  337. }
  338. .submit.mod-override > .morelink:hover > a::before {
  339.   display: block;
  340. }
  341.  
  342. .fancy-settings button,
  343. .usertext-edit button.save,
  344. .usertext-edit button.cancel,
  345. .tabbedpane button,
  346. .flairselector button,
  347. .wiki-page-content button,
  348. .formtabs-content button,
  349. .fancy-settings .linefield button,
  350. button.btn,
  351. input[type=submit] {
  352.   display: inline-block;
  353.   padding-bottom: 3px;
  354.   text-transform: capitalize;
  355. }
  356.  
  357. .expando-button, .res .expando-button.toggleImage.image {
  358.   cursor: pointer;
  359.   width: 19px;
  360.   height: 19px;
  361.   position: relative;
  362.   background-position: 0 0 !important;
  363.   padding: 0 !important;
  364. }
  365. .expando-button::before, .res .expando-button.toggleImage.image::before {
  366.   content: '';
  367.   position: absolute;
  368.   left: 4px;
  369.   right: 4px;
  370.   height: 3px;
  371.   top: 8px;
  372. }
  373. /* align new RES NSFW expando */
  374. .res-highlight-nsfw-expando .thing.over18 .expando-button::before {
  375.   top: 0;
  376.   left: 0;
  377. }
  378. .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 {
  379.   content: '';
  380.   position: absolute;
  381.   top: 4px;
  382.   bottom: 4px;
  383.   width: 3px;
  384.   left: 8px;
  385.   background: #848484;
  386. }
  387.  
  388. /* pulling from current look */
  389.  
  390.  
  391. /* User menu
  392. ------------------------------------- */
  393. #header-bottom-right {
  394.   height: 35px;
  395.   padding: 0 12px;
  396.   top: 20px;
  397.   bottom: auto;
  398.   background: #232323;
  399.   border-radius: 0;
  400.   font-size: 10px;
  401.   line-height: 34px;
  402.   text-transform: uppercase;
  403.   color: #AEAEAE;
  404. }
  405. #header-bottom-right a {
  406.   color: #AEAEAE;
  407. }
  408. #header-bottom-right a:hover {
  409.   color: #FFF;
  410. }
  411. #header-bottom-right .user {
  412.   color: #777;
  413. }
  414. #header-bottom-right .separator {
  415.   visibility: hidden;
  416. }
  417.  
  418. .side .md {
  419.   list-style-type: none;
  420. }
  421.  
  422.  
  423. .pagename a {
  424.     color: #fff;
  425.     }
  426.  
  427. .pagename {
  428.     color: #fefefe;
  429.     font-size: 1.1em !important;
  430.     }
  431.  
  432.  
  433.  
  434.  
  435.  
  436.  
  437.  
  438. #header-bottom-left .tabmenu {
  439.   background: #0976a2;
  440.   position: absolute;
  441.   top: 85px;
  442.   left: 364px;
  443.   right: 35px;
  444.   height: 20px;
  445.   line-height: 18px;
  446.   padding-left: 0;
  447.   margin: 0;
  448. }
  449.  
  450. #header-bottom-left .tabmenu li a {
  451.   background: transparent;
  452.   font-size: 10px;
  453.   font-weight: normal;
  454.   text-transform: uppercase;
  455.   color: #4fb2d5;
  456.   padding: 1px 10px 0;
  457.   height: 19px;
  458.   display: inline-block;
  459.   /*background: #4fb2d5; */
  460. }
  461.  
  462. #header-bottom-left .tabmenu li {
  463.   margin: 0;
  464.  
  465. }
  466. #header-bottom-left .tabmenu li.selected a {
  467.   border: none;
  468.   color: #fff;
  469.   background: #0976a2;
  470. }
  471. #header-bottom-left .tabmenu li a:hover {
  472.   color: #fff;
  473.   background: #0976a2;
  474. }
  475.  
  476.  
  477.  
  478.  
  479. /* Number of subscriber and users here now
  480. ------------------------------------------------------------------ */
  481. .titlebox .word {
  482.     font-size:0px
  483.     }
  484. .subscribers .number {
  485.  
  486. font-weight: bold;
  487.  
  488. font-size: 17px;
  489.  
  490. }
  491.  
  492. .titlebox .subscribers .word:after {
  493.     content: "High-quality gif creators";
  494. font-size:14px;
  495.     }
  496. .users-online .number{
  497. font-weight: bold;
  498. font-size: 17px;
  499. }
  500.  
  501. .titlebox .users-online .word:before {
  502.     content: " People watching high-quality gifs right now";
  503.  
  504. font-size:14px;
  505.  
  506.     }
  507.  
  508.  
  509.  
  510. /* Search
  511. ------------------------------------------------------------------ */
  512. #search input[type=submit] {
  513.     min-width: 10px;
  514.     border: none;
  515.     outline: none;
  516.     text-shadow: none;
  517.     box-shadow: none;
  518. }
  519.  
  520.  
  521.  
  522.  
  523.  
  524.  
  525.  
  526.  
  527.  
  528.  
  529.  
  530.  
  531.  
  532.  
  533. /* hero turned this off, hero did not know what it did */
  534. /*
  535.  
  536. .side .md h5 {position: absolute;
  537.               top: 100px;
  538.               right: 320px;
  539.               background: #fff;
  540.               border: 1px solid #68819E;
  541.               font-weight: bold;
  542.               font-size: 110%;
  543.               color: #000;
  544.               text-align: center;
  545.               padding: 5px 0px 5px 0px;
  546.               margin: 50px;
  547.               display: block;
  548.               width: 10%;
  549.               -moz-border-radius: 2px;
  550.               -webkit-border-radius: 2px;
  551.               color: white;
  552.          font-family: "Trebuchet MS", Helvetica, sans-serif;
  553.   padding: 2px 8px;
  554.   width: auto;
  555.   min-width: 4em;
  556.   height: auto;
  557.   line-height: 1.5em;
  558.   vertical-align: middle;
  559.   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  560.   text-decoration: none;
  561.   border: none;
  562.   text-align: center;
  563.   margin-right: 3px;
  564.   background: -webkit-linear-gradient(top, #51b3d6, #006f9c);
  565.   background: -moz-linear-gradient(top, #51b3d6, #006f9c);
  566.   background: linear-gradient(to bottom, #51b3d6, #006f9c);
  567.   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  568.   border-radius: 4px;
  569. }
  570.    
  571.     .side .md h5 a {color:white;    }
  572.     .side .md h5 a:hover {color:#d0d4d6;}
  573.     .side .md h5:hover {
  574.   background: -webkit-linear-gradient(top, #0273a0, #006f9c);
  575.   background: -moz-linear-gradient(top, #0273a0, #006f9c);
  576.   background: linear-gradient(to bottom, #0273a0, #006f9c);
  577.     }
  578.    
  579.    */
  580.    
  581.    
  582.    
  583.    
  584.    
  585.    
  586.    
  587. /* flair section*/
  588.  
  589. /**** flair sprite  ****/
  590.  
  591. /*
  592.  
  593. PhotoShop     = 001
  594. After Effects = 002
  595. Premiere      = 003
  596. Cinema 4D     = 004
  597. Gimp          = 005
  598. Blender       = 006
  599. Autodesk      = 007
  600. 3D Studio Max = 008
  601. Sony Vegas    = 009
  602.  
  603. */
  604.  
  605.  
  606. .flair {
  607.     background: transparent url(%%sprite-50%%) no-repeat -9999px;
  608.     height: 20px;
  609.     vertical-align: middle;
  610.     border: 0;
  611.     font-weight:bold;
  612. }
  613.  
  614. /* 1 tier flairs */
  615. .flair-001 {background-position: 0 -0px;  min-width: 20px; text-indent: -9999em;}
  616. .flair-002 {background-position: 0 -30px;  min-width: 20px; text-indent: -9999em;}
  617. .flair-003 {background-position: 0 -60px;  min-width: 20px; text-indent: -9999em;}
  618. .flair-004 {background-position: 0 -91px;  min-width: 20px; text-indent: -9999em;}
  619. .flair-005 {background-position: 0 -122px;  min-width: 20px; text-indent: -9999em;}
  620. .flair-006 {background-position: 0 -150px;  min-width: 20px; text-indent: -9999em;}
  621. .flair-007 {background-position: 0 -180px;  min-width: 20px; text-indent: -9999em;}
  622. .flair-008 {background-position: 0 -210px;  min-width: 20px; text-indent: -9999em;}
  623. .flair-009 {background-position: 0 -240px;  min-width: 20px; text-indent: -9999em;}
  624. .flair-010 {background-position: 0 -4350px;  min-width: 20px; text-indent: -9999em;}
  625.  
  626. /* 2 tier flairs */
  627. .flair-001-002 {background-position: 0 -270px; min-width: 41px; text-indent: -9999em;}
  628. .flair-001-003 {background-position: 0 -300px; min-width: 41px; text-indent: -9999em;}
  629. .flair-001-004 {background-position: 0 -330px; min-width: 41px; text-indent: -9999em;}
  630. .flair-001-005 {background-position: 0 -360px; min-width: 41px; text-indent: -9999em;}
  631. .flair-001-006 {background-position: 0 -390px; min-width: 41px; text-indent: -9999em;}
  632. .flair-001-007 {background-position: 0 -420px; min-width: 41px; text-indent: -9999em;}
  633. .flair-001-008 {background-position: 0 -450px; min-width: 41px; text-indent: -9999em;}
  634. .flair-001-009 {background-position: 0 -480px; min-width: 41px; text-indent: -9999em;}
  635. .flair-005-006 {background-position: 0 -4320px; min-width: 41px; text-indent: -9999em;}
  636.  
  637. /* 3 tier flairs */
  638. .flair-001-002-003 {background-position: 0 -510px; min-width: 62px; text-indent: -9999em;}
  639. .flair-001-002-004 {background-position: 0 -540px; min-width: 62px; text-indent: -9999em;}
  640. .flair-001-002-005 {background-position: 0 -570px; min-width: 62px; text-indent: -9999em;}
  641. .flair-001-002-006 {background-position: 0 -600px; min-width: 62px; text-indent: -9999em;}
  642. .flair-001-002-007 {background-position: 0 -630px; min-width: 62px; text-indent: -9999em;}
  643. .flair-001-002-008 {background-position: 0 -660px; min-width: 62px; text-indent: -9999em;}
  644. .flair-001-002-009 {background-position: 0 -690px; min-width: 62px; text-indent: -9999em;}
  645.  
  646. /* 2 tier - 1 tier + 1 trophy flair */
  647. .flair-001-x1 {background-position: 0 -720px;  min-width: 41px; text-indent: -9999em;}
  648. .flair-002-x1 {background-position: 0 -750px;  min-width: 41px; text-indent: -9999em;}
  649. .flair-003-x1 {background-position: 0 -780px;  min-width: 41px; text-indent: -9999em;}
  650. .flair-004-x1 {background-position: 0 -810px;  min-width: 41px; text-indent: -9999em;}
  651. .flair-005-x1 {background-position: 0 -840px;  min-width: 41px; text-indent: -9999em;}
  652. .flair-006-x1 {background-position: 0 -870px;  min-width: 41px; text-indent: -9999em;}
  653. .flair-007-x1 {background-position: 0 -900px;  min-width: 41px; text-indent: -9999em;}
  654. .flair-008-x1 {background-position: 0 -930px;  min-width: 41px; text-indent: -9999em;}
  655. .flair-009-x1 {background-position: 0 -960px;  min-width: 41px; text-indent: -9999em;}
  656.  
  657. /* 3 tier - 2 tier + 1 trophy flair */
  658. .flair-001-002-x1 {background-position: 0 -990px; min-width: 62px; text-indent: -9999em;}
  659. .flair-001-003-x1 {background-position: 0 -1020px; min-width: 62px; text-indent: -9999em;}
  660. .flair-001-004-x1 {background-position: 0 -1050px; min-width: 62px; text-indent: -9999em;}
  661. .flair-001-005-x1 {background-position: 0 -1080px; min-width: 62px; text-indent: -9999em;}
  662. .flair-001-006-x1 {background-position: 0 -1110px; min-width: 62px; text-indent: -9999em;}
  663. .flair-001-007-x1 {background-position: 0 -1140px; min-width: 62px; text-indent: -9999em;}
  664. .flair-001-008-x1 {background-position: 0 -1170px; min-width: 62px; text-indent: -9999em;}
  665. .flair-001-009-x1 {background-position: 0 -1200px; min-width: 62px; text-indent: -9999em;}
  666.  
  667. /* 4 tier - 3 tier + 1 trophy flair */
  668. .flair-001-002-003-x1 {background-position: 0 -1230px; min-width: 93px; text-indent: -9999em;}
  669. .flair-001-002-004-x1 {background-position: 0 -1260px; min-width: 93px; text-indent: -9999em;}
  670. .flair-001-002-005-x1 {background-position: 0 -1290px; min-width: 93px; text-indent: -9999em;}
  671. .flair-001-002-006-x1 {background-position: 0 -1320px; min-width: 93px; text-indent: -9999em;}
  672. .flair-001-002-007-x1 {background-position: 0 -1350px; min-width: 93px; text-indent: -9999em;}
  673. .flair-001-002-008-x1 {background-position: 0 -1380px; min-width: 93px; text-indent: -9999em;}
  674. .flair-001-002-009-x1 {background-position: 0 -1410px; min-width: 93px; text-indent: -9999em;}
  675.  
  676. /* 3 tier - 1 tier + 5-50 trophy flair */
  677. .flair-001-x5 {background-position: 0 -1440px;  min-width: 62px; text-indent: -9999em;}
  678. .flair-002-x5 {background-position: 0 -1470px;  min-width: 62px; text-indent: -9999em;}
  679. .flair-003-x5 {background-position: 0 -1500px;  min-width: 62px; text-indent: -9999em;}
  680. .flair-004-x5 {background-position: 0 -1530px;  min-width: 62px; text-indent: -9999em;}
  681. .flair-005-x5 {background-position: 0 -1560px;  min-width: 62px; text-indent: -9999em;}
  682. .flair-006-x5 {background-position: 0 -1590px;  min-width: 62px; text-indent: -9999em;}
  683. .flair-007-x5 {background-position: 0 -1620px;  min-width: 62px; text-indent: -9999em;}
  684. .flair-008-x5 {background-position: 0 -1650px;  min-width: 62px; text-indent: -9999em;}
  685. .flair-009-x5 {background-position: 0 -1680px;  min-width: 62px; text-indent: -9999em;}
  686.  
  687. .flair-001-x10 {background-position: 0 -2160px;  min-width: 62px; text-indent: -9999em;}
  688. .flair-002-x10 {background-position: 0 -2190px;  min-width: 62px; text-indent: -9999em;}
  689. .flair-003-x10 {background-position: 0 -2220px;  min-width: 62px; text-indent: -9999em;}
  690. .flair-004-x10 {background-position: 0 -2250px;  min-width: 62px; text-indent: -9999em;}
  691. .flair-005-x10 {background-position: 0 -2280px;  min-width: 62px; text-indent: -9999em;}
  692. .flair-006-x10 {background-position: 0 -2310px;  min-width: 62px; text-indent: -9999em;}
  693. .flair-007-x10 {background-position: 0 -2340px;  min-width: 62px; text-indent: -9999em;}
  694. .flair-008-x10 {background-position: 0 -2370px;  min-width: 62px; text-indent: -9999em;}
  695. .flair-009-x10 {background-position: 0 -2400px;  min-width: 62px; text-indent: -9999em;}
  696.  
  697. .flair-001-x25 {background-position: 0 -2880px;  min-width: 62px; text-indent: -9999em;}
  698. .flair-002-x25 {background-position: 0 -2910px;  min-width: 62px; text-indent: -9999em;}
  699. .flair-003-x25 {background-position: 0 -2940px;  min-width: 62px; text-indent: -9999em;}
  700. .flair-004-x25 {background-position: 0 -2970px;  min-width: 62px; text-indent: -9999em;}
  701. .flair-005-x25 {background-position: 0 -3000px;  min-width: 62px; text-indent: -9999em;}
  702. .flair-006-x25 {background-position: 0 -3030px;  min-width: 62px; text-indent: -9999em;}
  703. .flair-007-x25 {background-position: 0 -3060px;  min-width: 62px; text-indent: -9999em;}
  704. .flair-008-x25 {background-position: 0 -3090px;  min-width: 62px; text-indent: -9999em;}
  705. .flair-009-x25 {background-position: 0 -3120px;  min-width: 62px; text-indent: -9999em;}
  706.  
  707. .flair-001-x50 {background-position: 0 -3600px;  min-width: 62px; text-indent: -9999em;}
  708. .flair-002-x50 {background-position: 0 -3630px;  min-width: 62px; text-indent: -9999em;}
  709. .flair-003-x50 {background-position: 0 -3660px;  min-width: 62px; text-indent: -9999em;}
  710. .flair-004-x50 {background-position: 0 -3690px;  min-width: 62px; text-indent: -9999em;}
  711. .flair-005-x50 {background-position: 0 -3720px;  min-width: 62px; text-indent: -9999em;}
  712. .flair-006-x50 {background-position: 0 -3750px;  min-width: 62px; text-indent: -9999em;}
  713. .flair-007-x50 {background-position: 0 -3780px;  min-width: 62px; text-indent: -9999em;}
  714. .flair-008-x50 {background-position: 0 -3810px;  min-width: 62px; text-indent: -9999em;}
  715. .flair-009-x50 {background-position: 0 -3840px;  min-width: 62px; text-indent: -9999em;}
  716.  
  717.  
  718. /* 4 tier - 2 tier + trophy flair */
  719. .flair-001-002-x5 {background-position: 0 -1710px; min-width: 93px; text-indent: -9999em;}
  720. .flair-001-003-x5 {background-position: 0 -1740px; min-width: 93px; text-indent: -9999em;}
  721. .flair-001-004-x5 {background-position: 0 -1770px; min-width: 93px; text-indent: -9999em;}
  722. .flair-001-005-x5 {background-position: 0 -1800px; min-width: 93px; text-indent: -9999em;}
  723. .flair-001-006-x5 {background-position: 0 -1830px; min-width: 93px; text-indent: -9999em;}
  724. .flair-001-007-x5 {background-position: 0 -1860px; min-width: 93px; text-indent: -9999em;}
  725. .flair-001-008-x5 {background-position: 0 -1890px; min-width: 93px; text-indent: -9999em;}
  726. .flair-001-009-x5 {background-position: 0 -1920px; min-width: 93px; text-indent: -9999em;}
  727.  
  728. .flair-001-002-x10 {background-position: 0 -2430px; min-width: 93px; text-indent: -9999em;}
  729. .flair-001-003-x10 {background-position: 0 -2460px; min-width: 93px; text-indent: -9999em;}
  730. .flair-001-004-x10 {background-position: 0 -2490px; min-width: 93px; text-indent: -9999em;}
  731. .flair-001-005-x10 {background-position: 0 -2520px; min-width: 93px; text-indent: -9999em;}
  732. .flair-001-006-x10 {background-position: 0 -2550px; min-width: 93px; text-indent: -9999em;}
  733. .flair-001-007-x10 {background-position: 0 -2580px; min-width: 93px; text-indent: -9999em;}
  734. .flair-001-008-x10 {background-position: 0 -2610px; min-width: 93px; text-indent: -9999em;}
  735. .flair-001-009-x10 {background-position: 0 -2640px; min-width: 93px; text-indent: -9999em;}
  736.  
  737. .flair-001-002-x25 {background-position: 0 -3150px; min-width: 93px; text-indent: -9999em;}
  738. .flair-001-003-x25 {background-position: 0 -3180px; min-width: 93px; text-indent: -9999em;}
  739. .flair-001-004-x25 {background-position: 0 -3210px; min-width: 93px; text-indent: -9999em;}
  740. .flair-001-005-x25 {background-position: 0 -3240px; min-width: 93px; text-indent: -9999em;}
  741. .flair-001-006-x25 {background-position: 0 -3270px; min-width: 93px; text-indent: -9999em;}
  742. .flair-001-007-x25 {background-position: 0 -3300px; min-width: 93px; text-indent: -9999em;}
  743. .flair-001-008-x25 {background-position: 0 -3330px; min-width: 93px; text-indent: -9999em;}
  744. .flair-001-009-x25 {background-position: 0 -3360px; min-width: 93px; text-indent: -9999em;}
  745.  
  746. .flair-001-002-x50 {background-position: 0 -3870px; min-width: 93px; text-indent: -9999em;}
  747. .flair-001-003-x50 {background-position: 0 -3900px; min-width: 93px; text-indent: -9999em;}
  748. .flair-001-004-x50 {background-position: 0 -3930px; min-width: 93px; text-indent: -9999em;}
  749. .flair-001-005-x50 {background-position: 0 -3960px; min-width: 93px; text-indent: -9999em;}
  750. .flair-001-006-x50 {background-position: 0 -3990px; min-width: 93px; text-indent: -9999em;}
  751. .flair-001-007-x50 {background-position: 0 -4020px; min-width: 93px; text-indent: -9999em;}
  752. .flair-001-008-x50 {background-position: 0 -4050px; min-width: 93px; text-indent: -9999em;}
  753. .flair-001-009-x50 {background-position: 0 -4080px; min-width: 93px; text-indent: -9999em;}
  754.  
  755. /* 5 tier - 3 tier + trophy flair */
  756. .flair-001-002-003-x5 {background-position: 0 -1950px; min-width: 113px; text-indent: -9999em;}
  757. .flair-001-002-004-x5 {background-position: 0 -1980px; min-width: 113px; text-indent: -9999em;}
  758. .flair-001-002-005-x5 {background-position: 0 -2010px; min-width: 113px; text-indent: -9999em;}
  759. .flair-001-002-006-x5 {background-position: 0 -2040px; min-width: 113px; text-indent: -9999em;}
  760. .flair-001-002-007-x5 {background-position: 0 -2070px; min-width: 113px; text-indent: -9999em;}
  761. .flair-001-002-008-x5 {background-position: 0 -2100px; min-width: 113px; text-indent: -9999em;}
  762. .flair-001-002-009-x5 {background-position: 0 -2129px; min-width: 113px; text-indent: -9999em;}
  763.  
  764. .flair-001-002-003-x10 {background-position: 0 -2670px; min-width: 113px; text-indent: -9999em;}
  765. .flair-001-002-004-x10 {background-position: 0 -2700px; min-width: 113px; text-indent: -9999em;}
  766. .flair-001-002-005-x10 {background-position: 0 -2730px; min-width: 113px; text-indent: -9999em;}
  767. .flair-001-002-006-x10 {background-position: 0 -2760px; min-width: 113px; text-indent: -9999em;}
  768. .flair-001-002-007-x10 {background-position: 0 -2790px; min-width: 113px; text-indent: -9999em;}
  769. .flair-001-002-008-x10 {background-position: 0 -2820px; min-width: 113px; text-indent: -9999em;}
  770. .flair-001-002-009-x10 {background-position: 0 -2849px; min-width: 113px; text-indent: -9999em;}
  771.  
  772. .flair-001-002-003-x25 {background-position: 0 -3390px; min-width: 113px; text-indent: -9999em;}
  773. .flair-001-002-004-x25 {background-position: 0 -3420px; min-width: 113px; text-indent: -9999em;}
  774. .flair-001-002-005-x25 {background-position: 0 -3450px; min-width: 113px; text-indent: -9999em;}
  775. .flair-001-002-006-x25 {background-position: 0 -3480px; min-width: 113px; text-indent: -9999em;}
  776. .flair-001-002-007-x25 {background-position: 0 -3510px; min-width: 113px; text-indent: -9999em;}
  777. .flair-001-002-008-x25 {background-position: 0 -3540px; min-width: 113px; text-indent: -9999em;}
  778. .flair-001-002-009-x25 {background-position: 0 -3569px; min-width: 113px; text-indent: -9999em;}
  779.  
  780. .flair-001-002-003-x50 {background-position: 0 -4110px; min-width: 113px; text-indent: -9999em;}
  781. .flair-001-002-004-x50 {background-position: 0 -4140px; min-width: 113px; text-indent: -9999em;}
  782. .flair-001-002-005-x50 {background-position: 0 -4170px; min-width: 113px; text-indent: -9999em;}
  783. .flair-001-002-006-x50 {background-position: 0 -4200px; min-width: 113px; text-indent: -9999em;}
  784. .flair-001-002-007-x50 {background-position: 0 -4230px; min-width: 113px; text-indent: -9999em;}
  785. .flair-001-002-008-x50 {background-position: 0 -4260px; min-width: 113px; text-indent: -9999em;}
  786. .flair-001-002-009-x50 {background-position: 0 -4289px; min-width: 113px; text-indent: -9999em;}
  787.  
  788.  
  789. /*gt champ flair*/
  790. .flair-001-002-003-gt {background-position: 0 -4373px; min-width: 162px; text-indent: -9999em;}
  791. .flair-gt {background-position: -81px -4373px; min-width: 45px; text-indent: -9999em;}
  792.  
  793.  
  794. /* 1 tier hover effect */
  795. .flair:hover { text-indent: 22px; vertical-align: middle;}
  796.  
  797. /* 2 tier hover effect */
  798. .flair-001-002:hover,
  799. .flair-001-003:hover,
  800. .flair-001-004:hover,
  801. .flair-001-005:hover,
  802. .flair-001-006:hover,
  803. .flair-001-007:hover,
  804. .flair-001-008:hover,
  805. .flair-001-009:hover,
  806. .flair-001-x1:hover,
  807. .flair-002-x1:hover,
  808. .flair-003-x1:hover,
  809. .flair-004-x1:hover,
  810. .flair-005-x1:hover,
  811. .flair-006-x1:hover,
  812. .flair-007-x1:hover,
  813. .flair-008-x1:hover,
  814. .flair-009-x1:hover { text-indent: 42px; vertical-align: middle;}
  815.  
  816. /* 3 tier hover effect */
  817. .flair-001-002-003:hover,
  818. .flair-001-002-004:hover,
  819. .flair-001-002-005:hover,
  820. .flair-001-002-006:hover,
  821. .flair-001-002-007:hover,
  822. .flair-001-002-008:hover,
  823. .flair-001-002-009:hover,
  824. .flair-001-002-x1:hover,
  825. .flair-001-003-x1:hover,
  826. .flair-001-004-x1:hover,
  827. .flair-001-005-x1:hover,
  828. .flair-001-006-x1:hover,
  829. .flair-001-007-x1:hover,
  830. .flair-001-008-x1:hover,
  831. .flair-001-009-x1:hover,
  832. .flair-001-x5:hover,
  833. .flair-002-x5:hover,
  834. .flair-003-x5:hover,
  835. .flair-004-x5:hover,
  836. .flair-005-x5:hover,
  837. .flair-006-x5:hover,
  838. .flair-007-x5:hover,
  839. .flair-008-x5:hover,
  840. .flair-009-x5:hover,
  841. .flair-001-x10:hover,
  842. .flair-002-x10:hover,
  843. .flair-003-x10:hover,
  844. .flair-004-x10:hover,
  845. .flair-005-x10:hover,
  846. .flair-006-x10:hover,
  847. .flair-007-x10:hover,
  848. .flair-008-x10:hover,
  849. .flair-009-x10:hover,
  850. .flair-001-x25:hover,
  851. .flair-002-x25:hover,
  852. .flair-003-x25:hover,
  853. .flair-004-x25:hover,
  854. .flair-005-x25:hover,
  855. .flair-006-x25:hover,
  856. .flair-007-x25:hover,
  857. .flair-008-x25:hover,
  858. .flair-009-x25:hover,
  859. .flair-001-x50:hover,
  860. .flair-002-x50:hover,
  861. .flair-003-x50:hover,
  862. .flair-004-x50:hover,
  863. .flair-005-x50:hover,
  864. .flair-006-x50:hover,
  865. .flair-007-x50:hover,
  866. .flair-008-x50:hover,
  867. .flair-009-x50:hover{text-indent: 63px; vertical-align: middle;}
  868.  
  869. /* 4 tier hover effect */
  870. .flair-001-002-003-x1:hover,
  871. .flair-001-002-004-x1:hover,
  872. .flair-001-002-005-x1:hover,
  873. .flair-001-002-006-x1:hover,
  874. .flair-001-002-007-x1:hover,
  875. .flair-001-002-008-x1:hover,
  876. .flair-001-002-009-x1:hover,
  877. .flair-001-002-x5:hover,
  878. .flair-001-003-x5:hover,
  879. .flair-001-004-x5:hover,
  880. .flair-001-005-x5:hover,
  881. .flair-001-006-x5:hover,
  882. .flair-001-007-x5:hover,
  883. .flair-001-008-x5:hover,
  884. .flair-001-009-x5:hover,
  885. .flair-001-002-x10:hover,
  886. .flair-001-003-x10:hover,
  887. .flair-001-004-x10:hover,
  888. .flair-001-005-x10:hover,
  889. .flair-001-006-x10:hover,
  890. .flair-001-007-x10:hover,
  891. .flair-001-008-x10:hover,
  892. .flair-001-009-x10:hover,
  893. .flair-001-002-x25:hover,
  894. .flair-001-003-x25:hover,
  895. .flair-001-004-x25:hover,
  896. .flair-001-005-x25:hover,
  897. .flair-001-006-x25:hover,
  898. .flair-001-007-x25:hover,
  899. .flair-001-008-x25:hover,
  900. .flair-001-009-x25:hover,
  901. .flair-001-002-x50:hover,
  902. .flair-001-003-x50:hover,
  903. .flair-001-004-x50:hover,
  904. .flair-001-005-x50:hover,
  905. .flair-001-006-x50:hover,
  906. .flair-001-007-x50:hover,
  907. .flair-001-008-x50:hover,
  908. .flair-001-009-x50:hover {text-indent: 93px; vertical-align:middle;}
  909.  
  910. /* 5 tier hover effect */
  911. .flair-001-002-003-x5:hover,
  912. .flair-001-002-004-x5:hover,
  913. .flair-001-002-005-x5:hover,
  914. .flair-001-002-006-x5:hover,
  915. .flair-001-002-007-x5:hover,
  916. .flair-001-002-008-x5:hover,
  917. .flair-001-002-009-x5:hover,
  918. .flair-001-002-003-x10:hover,
  919. .flair-001-002-004-x10:hover,
  920. .flair-001-002-005-x10:hover,
  921. .flair-001-002-006-x10:hover,
  922. .flair-001-002-007-x10:hover,
  923. .flair-001-002-008-x10:hover,
  924. .flair-001-002-009-x10:hover,
  925. .flair-001-002-003-x25:hover,
  926. .flair-001-002-004-x25:hover,
  927. .flair-001-002-005-x25:hover,
  928. .flair-001-002-006-x25:hover,
  929. .flair-001-002-007-x25:hover,
  930. .flair-001-002-008-x25:hover,
  931. .flair-001-002-009-x25:hover,
  932. .flair-001-002-003-x50:hover,
  933. .flair-001-002-004-x50:hover,
  934. .flair-001-002-005-x50:hover,
  935. .flair-001-002-006-x50:hover,
  936. .flair-001-002-007-x50:hover,
  937. .flair-001-002-008-x50:hover,
  938. .flair-001-002-009-x50:hover{text-indent: 113px; vertical-align:middle;}
  939.  
  940.  
  941.  
  942.  
  943.  
  944.  
  945.  
  946.  
  947.  
  948.  
  949.  
  950.  
  951.  
  952.  
  953.  
  954.  
  955. /** link flair **//
  956.  
  957. .title .linkflairlabel {
  958.     display: inline;
  959.     background-color: inherit;
  960.     border-width: 0px;
  961.     border-radius: 0px;
  962.     color: #494949;
  963.     letter-spacing: 2px;
  964.     font-weight: normal;
  965.     overflow: visible;
  966.     max-width: 98%;}
  967.  
  968. .thing.linkflair .entry {
  969.     border-right: 10px solid #2e2e2e;}
  970.  
  971. .thing.linkflair .linkflairlabel {
  972.     border-bottom: solid 2px #2e2e2e;}
  973.  
  974. .thing.linkflair.linkflair-001 .entry, .flairselector .linkflair-001 {
  975.     border-right: 10px solid #E18879;}
  976.  
  977. .thing.linkflair.linkflair-001 .linkflairlabel {
  978.     border-bottom: solid 2px #E18879;}
  979.  
  980. .thing.linkflair.linkflair-002 .entry, .flairselector .linkflair-002 {
  981.     border-right: 10px solid #e1aa79;}
  982.  
  983. .thing.linkflair.linkflair-002 .linkflairlabel {
  984.     border-bottom: solid 2px #e1aa79;}
  985.  
  986. .thing.linkflair.linkflair-003 .entry, .flairselector .linkflair-003 {
  987.     border-right: 10px solid #bbe179;}
  988.  
  989. .thing.linkflair.linkflair-003 .linkflairlabel {
  990.     border-bottom: solid 2px #bbe179;}
  991.  
  992. .thing.linkflair.linkflair-004 .entry, .flairselector .linkflair-004 {
  993.     border-right: 10px solid #79e1d1;}
  994.  
  995. .thing.linkflair.linkflair-004 .linkflairlabel {
  996.     border-bottom: solid 2px #79e1d1;}
  997.  
  998. .thing.linkflair.linkflair-005 .entry, .flairselector .linkflair-005 {
  999.     border-right: 10px solid #e1db79;}
  1000.  
  1001. .thing.linkflair.linkflair-05 .linkflairlabel {
  1002.     border-bottom: solid 2px #e1db79;}
  1003.  
  1004. .thing.linkflair.linkflair-006 .entry, .flairselector .linkflair-006 {
  1005.     border-right: 10px solid #b179e1;}
  1006.  
  1007. .thing.linkflair.linkflair-006 .linkflairlabel {
  1008.     border-bottom: solid 2px #b179e1;}
  1009.  
  1010. .thing.linkflair.linkflair-007 .entry, .flairselector .linkflair-g {
  1011.     border-right: 10px solid #FCDFFF;}
  1012.  
  1013. .thing.linkflair.linkflair-007 .linkflairlabel {
  1014.     border-bottom: solid 2px #FCDFFF;}
  1015.  
  1016.  
  1017.  
  1018.  
  1019.  
  1020. .linkflair-battle .thumbnail {
  1021.     display:block;
  1022.     width:70px;
  1023.     height:50px;
  1024.     content:"";
  1025.     background:url(%%battle%%);
  1026. }
  1027. /*.linkflair-closed .thumbnail {
  1028.     display:block;
  1029.     width:70px;
  1030.     height:50px;
  1031.     content:"";
  1032.     background:url(%%closed%%);
  1033. }
  1034. .linkflair-request .thumbnail {
  1035.     display:block;
  1036.     width:70px;
  1037.     height:50px;
  1038.     content:"";
  1039.     background:url(%%request%%);
  1040. }*/
  1041.  
  1042. /*end flair*/
  1043.  
  1044.  
  1045.  
  1046. .stickied {
  1047.     border:1px solid gray;
  1048.     background-color: #b1dff0;
  1049.     width: calc(100% - 315px);
  1050. }
  1051. .stickied.thing.comment {
  1052.     width: auto;
  1053. }
  1054. .stickied .title {
  1055.     color: #d2232a !important;
  1056. }
  1057. .stickied-tagline {
  1058.     color: #d2232a !important;
  1059. }
  1060.  
  1061.  
  1062.  
  1063.  
  1064.  
  1065. /*Upvote buttons for posts*/
  1066. .link .arrow {
  1067.     height: 20px;
  1068.     width: 20px;
  1069.     background-image: url(%%h0w-vote%%) !important;
  1070.     }
  1071. .link .arrow.up {
  1072.     background-position: 0px -20px;
  1073.     opacity: .5 !important;
  1074.     }
  1075. .link .arrow.down {
  1076.     background-position: 0px -60px;
  1077.     opacity: .5 !important;
  1078.     }
  1079. .link .arrow.up:hover {
  1080.     background-position: 0px -20px;
  1081.     opacity: .7 !important;
  1082.     }
  1083. .link .arrow.down:hover {
  1084.     background-position: 0px -60px;
  1085.     opacity: .7 !important;
  1086.     }
  1087. .link .arrow.upmod {
  1088.     background-position: 0px -0px;
  1089.     opacity: 1 !important;
  1090.     }
  1091. .link .arrow.downmod {
  1092.     background-position: 0px -40px;
  1093.     opacity: 1 !important;
  1094.     }
  1095.  
  1096. /* background message for people leaving comments - basically rule 3 */
  1097. .commentarea form textarea:not(:focus){
  1098.   background-image: url(%%commentStuff%%);
  1099.   background-repeat: no-repeat;
  1100. }
  1101.  
  1102. .comment .arrow.up {
  1103.     background-image: url(%%h0w-vote%%) !important;
  1104.     background-position: 0 -20px;
  1105.     width: 20px;
  1106.     margin-left: 3px;
  1107.     height: 20px;
  1108.     }
  1109. .comment .arrow.upmod {
  1110.     background-image: url(%%h0w-vote%%) !important;
  1111.     padding-right: 5px !important;
  1112.     background-position: 0 -0px;
  1113.     width: 20px;
  1114.     margin-left: 3px;
  1115.     height: 20px;
  1116.     }
  1117. .comment .midcol{
  1118.     width: 22px;
  1119. }
  1120.  
  1121. .comment .arrow.down {
  1122.     background-image: url(%%h0w-vote%%) !important;
  1123.     background-position: 0 -60px;
  1124.     width: 20px;
  1125.     margin-left: 3px;
  1126.     height: 20px;
  1127.     }
  1128. .comment .arrow.downmod {
  1129.     background-image: url(%%h0w-vote%%) !important;
  1130.     padding-right: 5px !important;
  1131.     background-position: 0 -40px;
  1132.     width: 20px;
  1133.     margin-left: 3px;
  1134.     height: 20px;
  1135.     }
  1136. .compressed .midcol,
  1137. .link .midcol {
  1138.     padding-right: 5px !important;
  1139.     }
  1140.  
  1141.  
  1142.  
  1143.  
  1144.  
  1145. /* sticky h4 */
  1146.  
  1147.  
  1148. .side .md h4:nth-of-type(1) {
  1149. box-shadow: 1px 0 5px #383838;
  1150. position: absolute;
  1151. z-index:999;
  1152. margin-top: 5px;
  1153. top: 70px;
  1154. left: 625px;
  1155. display: block;
  1156. border: 1px solid black;
  1157. background: #4990ac;
  1158. text-align: left;
  1159. font-size: 14px;
  1160. color: white;
  1161. font-weight: bold;
  1162. padding: 2px 4px 2px 4px;
  1163. }
  1164. .side .md h4:nth-of-type(1) a{
  1165. color: white;
  1166. font-size: 14px;
  1167. background: #4990ac;
  1168. }
  1169. .side h4:nth-of-type(1) a:hover {
  1170. color: white;
  1171. }
  1172.  
  1173. /*
  1174. * spoilers
  1175. * use: [spoiler](#s "pencer is better than preggit!")
  1176. */
  1177. a[href="#s"] {
  1178.     visibility: hidden;
  1179.     display: inline-block
  1180.  }
  1181. a[href="#s"]::after {
  1182.     content: attr(title);
  1183.     background: #4990ac;
  1184.     color: #4990ac;
  1185.     visibility: visible
  1186. }
  1187. a[href="#s"]:hover::after, a[href="#s"]:active::after {
  1188.     color: white;
  1189. }
  1190.  
  1191. a[href$="/spoiler"],
  1192. a[href$="/spoiler"] * {
  1193.     color: rgba(255,60,231,0)!important;
  1194.     text-shadow: 1px 0 12px #2E2E2C,-1px 0 12px #2E2E2C;
  1195.     transition: 0.5s all;
  1196. }
  1197.  
  1198. a[href$="/spoiler"]:hover,
  1199. a[href$="/spoiler"]:hover * {
  1200.     text-shadow: none;
  1201.     color: black!important;
  1202. }
  1203.  
  1204. a[href$="/spoiler"]:before {
  1205.     content: 'SPOILER';
  1206.     background: none;
  1207.     background-color: transparent;
  1208.     font-size: 60%;
  1209.     line-height: 100%;
  1210.     vertical-align: top;
  1211.     color: red;
  1212.     text-shadow: none;
  1213.     font-weight: bold;
  1214. }
  1215.  
  1216.  
  1217.  
  1218. /******what?*******/
  1219. .flair-hero0fflair {
  1220.     border-radius: 5px;
  1221.     border: none !important;
  1222.     text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  1223.     -moz-box-shadow: 0 0 5px #c6ff00;
  1224.     -webkit-box-shadow: 0 0 5px #c6ff00;
  1225.     box-shadow: 0px 0px 5px #c6ff00;
  1226.     display: inline-block;
  1227.     margin-right: 3px;
  1228.     margin-left: 3px;
  1229.     background: linear-gradient(270deg, #ff0000, #f9ff00, #18ff00, #00fff6, #0600ff, #ff00f5, #ff0000);
  1230.     background-size: 800% 800%;
  1231.     -webkit-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
  1232.     -moz-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
  1233.     box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
  1234.     /* border-radius: 5px !important;
  1235.     -moz-border-radius: 5px !important;
  1236.     -webkit-border-radius: 5px !important;
  1237.     border: 6px double #FF0000 !important; */
  1238.        
  1239.     -webkit-animation-name: blinker;
  1240.     -webkit-animation-duration: .5s;
  1241.     -webkit-animation-timing-function: linear;
  1242.     -webkit-animation-iteration-count: infinite;
  1243.  
  1244.     -moz-animation-name: blinker;
  1245.     -moz-animation-duration: .5s;
  1246.     -moz-animation-timing-function: linear;
  1247.     -moz-animation-iteration-count: infinite;
  1248.  
  1249.     animation-name: blinker;
  1250.     animation-duration: .5s;
  1251.     animation-timing-function: linear;
  1252.     animation-iteration-count: infinite;
  1253.     -webkit-animation: doot 3s ease infinite, colorchange .6s initial infinite;
  1254.     -moz-animation: doot 3s ease infinite, colorchange .6s linear infinite;
  1255.     -o-animation: doot 3s ease infinite, colorchange .6s linear infinite;
  1256.     animation: colorchange .6s infinite, doot 3s ease infinite;
  1257.     z-index: 9999;
  1258. }
  1259.  
  1260. .flair-pulse {
  1261.     background: rgba(250,10,10,1);
  1262.     background: -moz-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
  1263.     background: -webkit-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
  1264.     background: -o-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
  1265.     background: -ms-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
  1266.     background: linear-gradient(to right, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
  1267.     color: white !important;
  1268.     -webkit-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
  1269.     -moz-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
  1270.     box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
  1271.     border-radius: 5px !important;
  1272.     -moz-border-radius: 5px !important;
  1273.     -webkit-border-radius: 5px !important;
  1274.     border: 6px double #FF0000;
  1275. /*  -webkit-animation-name: pulse;
  1276.   animation-name: pulse; */
  1277.  
  1278.     -webkit-animation-name: pulse;
  1279.     -webkit-animation-duration: .5s;
  1280.     -webkit-animation-timing-function: linear;
  1281.     -webkit-animation-iteration-count: infinite;
  1282.  
  1283.     -moz-animation-name: pulse;
  1284.     -moz-animation-duration: .5s;
  1285.     -moz-animation-timing-function: linear;
  1286.     -moz-animation-iteration-count: infinite;
  1287.  
  1288.     animation-name: pulse;
  1289.     animation-duration: .5s;
  1290.     animation-timing-function: linear;
  1291.     animation-iteration-count: infinite;
  1292. }
  1293.  
  1294. @-moz-keyframes blinker {  
  1295.     0% { opacity: 1.0; }
  1296.     50% { opacity: 0.0; }
  1297.     100% { opacity: 1.0; }
  1298. }
  1299. @-webkit-keyframes blinker {  
  1300.     0% { opacity: 1.0; }
  1301.     50% { opacity: 0.0; }
  1302.     100% { opacity: 1.0; }
  1303. }
  1304. @keyframes blinker {  
  1305.     0% { opacity: 1.0; }
  1306.     50% { opacity: 0.0; }
  1307.     100% { opacity: 1.0; }
  1308. }
  1309.  
  1310.  
  1311.  
  1312. @-webkit-keyframes colorchange {
  1313.     0%{color: #00f6ff}
  1314.     25%{color: #ff00ea}
  1315.     50%{color: #00ff06}
  1316.     75%{color: #fff600}
  1317.     100%{color: #00f6ff}
  1318. }
  1319.  
  1320. @-moz-keyframes colorchange {
  1321.     0%{color: #00f6ff}
  1322.     25%{color: #ff00ea}
  1323.     50%{color: #00ff06}
  1324.     75%{color: #fff600}
  1325.     100%{color: #00f6ff}
  1326. }
  1327. @-o-keyframes colorchange {
  1328.     0%{color: #00f6ff}
  1329.     25%{color: #ff00ea}
  1330.     50%{color: #00ff06}
  1331.     75%{color: #fff600}
  1332.     100%{color: #00f6ff}
  1333. }
  1334. @keyframes colorchange {
  1335.     0%{color: #00f6ff}
  1336.     25%{color: #ff00ea}
  1337.     50%{color: #00ff06}
  1338.     75%{color: #fff600}
  1339.     100%{color: #00f6ff}
  1340. }
  1341.  
  1342. @-webkit-keyframes doot {
  1343.     0%{background-position:0% 50%}
  1344.     50%{background-position:100% 50%}
  1345.     100%{background-position:0% 50%}
  1346. }
  1347. @-moz-keyframes doot {
  1348.     0%{background-position:0% 50%}
  1349.     50%{background-position:100% 50%}
  1350.     100%{background-position:0% 50%}
  1351. }
  1352. @-o-keyframes doot {
  1353.     0%{background-position:0% 50%}
  1354.     50%{background-position:100% 50%}
  1355.     100%{background-position:0% 50%}
  1356. }
  1357. @keyframes doot {
  1358.     0%{background-position:0% 50%}
  1359.     50%{background-position:100% 50%}
  1360.     100%{background-position:0% 50%}
  1361. }
  1362.  
  1363. @-webkit-keyframes pulse {
  1364.   from {
  1365.     -webkit-transform: scale3d(1, 1, 1);
  1366.     transform: scale3d(1, 1, 1);
  1367.   }
  1368.  
  1369.   50% {
  1370.     -webkit-transform: scale3d(1.05, 1.05, 1.05);
  1371.     transform: scale3d(1.05, 1.05, 1.05);
  1372.     background: rgba(10,10,250,1);
  1373.     background: -moz-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1374.     background: -webkit-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1375.     background: -o-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1376.     background: -ms-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1377.     background: linear-gradient(to right, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1378.     -webkit-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1379.     -moz-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1380.     box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1381.     border: 6px double #0000FF;
  1382.   }
  1383.  
  1384.   to {
  1385.     -webkit-transform: scale3d(1, 1, 1);
  1386.     transform: scale3d(1, 1, 1);
  1387.   }
  1388. }
  1389.  
  1390. @keyframes pulse {
  1391.   from {
  1392.     -webkit-transform: scale3d(1, 1, 1);
  1393.     transform: scale3d(1, 1, 1);
  1394.   }
  1395.  
  1396.   50% {
  1397.     -webkit-transform: scale3d(1.05, 1.05, 1.05);
  1398.     transform: scale3d(1.05, 1.05, 1.05);
  1399.     background: rgba(10,10,250,1);
  1400.     background: -moz-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1401.     background: -webkit-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1402.     background: -o-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1403.     background: -ms-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1404.     background: linear-gradient(to right, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1405.     -webkit-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1406.     -moz-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1407.     box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1408.     border: 6px double #0000FF;
  1409.   }
  1410.  
  1411.   to {
  1412.     -webkit-transform: scale3d(1, 1, 1);
  1413.     transform: scale3d(1, 1, 1);
  1414.   }
  1415. }
  1416.  
  1417. .flair-mattflair {
  1418.     border-radius: 5px;
  1419.     border: none !important;
  1420.     text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  1421.     -moz-box-shadow: 0 0 5px #c6ff00;
  1422.     -webkit-box-shadow: 0 0 5px #c6ff00;
  1423.     box-shadow: 0px 0px 5px #c6ff00;
  1424.     display: inline-block;
  1425.     margin-right: 3px;
  1426.     margin-left: 3px;
  1427.     background: linear-gradient(270deg, #ff0000, #000000, #ff0000, #000000, #ff0000, #000000, #ff0000);
  1428.     background-size: 800% 800%;
  1429.     -webkit-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
  1430.     -moz-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
  1431.     box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
  1432.     /* border-radius: 5px !important;
  1433.     -moz-border-radius: 5px !important;
  1434.     -webkit-border-radius: 5px !important;
  1435.     border: 6px double #FF0000 !important; */
  1436.        
  1437.     -webkit-animation-name: blinker;
  1438.     -webkit-animation-duration: 5s;
  1439.     -webkit-animation-timing-function: linear;
  1440.     -webkit-animation-iteration-count: infinite;
  1441.  
  1442.     -moz-animation-name: blinker;
  1443.     -moz-animation-duration: 5s;
  1444.     -moz-animation-timing-function: linear;
  1445.     -moz-animation-iteration-count: infinite;
  1446.  
  1447.     animation-name: blinker;
  1448.     animation-duration: 5s;
  1449.     animation-timing-function: linear;
  1450.     animation-iteration-count: infinite;
  1451.     -webkit-animation: doot 4s ease infinite, colorchange 2s initial infinite;
  1452.     -moz-animation: doot 4s ease infinite, colorchange 2s linear infinite;
  1453.     -o-animation: doot 4s ease infinite, colorchange 2s linear infinite;
  1454.     animation: colorchange 2s infinite, doot 4s ease infinite;
  1455.     z-index: 9999;
  1456. }
  1457.  
  1458. .flair-pulse {
  1459.     background: rgba(250,10,10,1);
  1460.     background: -moz-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(0,0,0,1) 71%, rgba(250,10,10,1) 100%);
  1461.     background: -webkit-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(0,0,0,1) 71%, rgba(250,10,10,1) 100%);
  1462.     background: -o-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(0,0,0,1) 71%, rgba(250,10,10,1) 100%);
  1463.     background: -ms-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(0,0,0,1) 71%, rgba(250,10,10,1) 100%);
  1464.     background: linear-gradient(to right, rgba(250,10,10,1) 0%, rgba(0,0,0,1) 71%, rgba(250,10,10,1) 100%);
  1465.     color: white !important;
  1466.     -webkit-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
  1467.     -moz-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
  1468.     box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
  1469.     border-radius: 5px !important;
  1470.     -moz-border-radius: 5px !important;
  1471.     -webkit-border-radius: 5px !important;
  1472.     border: 6px double #FF0000;
  1473. /*  -webkit-animation-name: pulse;
  1474.   animation-name: pulse; */
  1475.  
  1476.     -webkit-animation-name: pulse;
  1477.     -webkit-animation-duration: 5s;
  1478.     -webkit-animation-timing-function: linear;
  1479.     -webkit-animation-iteration-count: infinite;
  1480.  
  1481.     -moz-animation-name: pulse;
  1482.     -moz-animation-duration: 5s;
  1483.     -moz-animation-timing-function: linear;
  1484.     -moz-animation-iteration-count: infinite;
  1485.  
  1486.     animation-name: pulse;
  1487.     animation-duration: 5s;
  1488.     animation-timing-function: linear;
  1489.     animation-iteration-count: infinite;
  1490. }
  1491.  
  1492. @-moz-keyframes blinker {  
  1493.     0% { opacity: 1.0; }
  1494.     50% { opacity: 0.0; }
  1495.     100% { opacity: 1.0; }
  1496. }
  1497. @-webkit-keyframes blinker {  
  1498.     0% { opacity: 1.0; }
  1499.     50% { opacity: 0.0; }
  1500.     100% { opacity: 1.0; }
  1501. }
  1502. @keyframes blinker {  
  1503.     0% { opacity: 1.0; }
  1504.     50% { opacity: 0.0; }
  1505.     100% { opacity: 1.0; }
  1506. }
  1507.  
  1508.  
  1509.  
  1510. @-webkit-keyframes colorchange {
  1511.     0%{color: #ff0000}
  1512.     25%{color: #ffffff}
  1513.     50%{color: #ff0000}
  1514.     75%{color: #ffffff}
  1515.     100%{color: #ff0000}
  1516. }
  1517.  
  1518. @-moz-keyframes colorchange {
  1519.     0%{color: #ff0000}
  1520.     25%{color: #ffffff}
  1521.     50%{color: #ff0000}
  1522.     75%{color: #ffffff}
  1523.     100%{color: #ff0000}
  1524. }
  1525. @-o-keyframes colorchange {
  1526.     0%{color: #ff0000}
  1527.     25%{color: #ffffff}
  1528.     50%{color: #ff0000}
  1529.     75%{color: #ffffff}
  1530.     100%{color: #ff0000}
  1531. }
  1532. @keyframes colorchange {
  1533.     0%{color: #ff0000}
  1534.     25%{color: #ffffff}
  1535.     50%{color: #ff0000}
  1536.     75%{color: #ffffff}
  1537.     100%{color: #ff0000}
  1538. }
  1539.  
  1540. @-webkit-keyframes doot {
  1541.     0%{background-position:0% 50%}
  1542.     50%{background-position:100% 50%}
  1543.     100%{background-position:0% 50%}
  1544. }
  1545. @-moz-keyframes doot {
  1546.     0%{background-position:0% 50%}
  1547.     50%{background-position:100% 50%}
  1548.     100%{background-position:0% 50%}
  1549. }
  1550. @-o-keyframes doot {
  1551.     0%{background-position:0% 50%}
  1552.     50%{background-position:100% 50%}
  1553.     100%{background-position:0% 50%}
  1554. }
  1555. @keyframes doot {
  1556.     0%{background-position:0% 50%}
  1557.     50%{background-position:100% 50%}
  1558.     100%{background-position:0% 50%}
  1559. }
  1560.  
  1561. @-webkit-keyframes pulse {
  1562.   from {
  1563.     -webkit-transform: scale3d(1, 1, 1);
  1564.     transform: scale3d(1, 1, 1);
  1565.   }
  1566.  
  1567.   50% {
  1568.     -webkit-transform: scale3d(1.05, 1.05, 1.05);
  1569.     transform: scale3d(1.05, 1.05, 1.05);
  1570.     background: rgba(250,10,10,1);
  1571.     background: -moz-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1572.     background: -webkit-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1573.     background: -o-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1574.     background: -ms-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1575.     background: linear-gradient(to right, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1576.     -webkit-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1577.     -moz-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1578.     box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1579.     border: 6px double #0000FF;
  1580.   }
  1581.  
  1582.   to {
  1583.     -webkit-transform: scale3d(1, 1, 1);
  1584.     transform: scale3d(1, 1, 1);
  1585.   }
  1586. }
  1587.  
  1588. @keyframes pulse {
  1589.   from {
  1590.     -webkit-transform: scale3d(1, 1, 1);
  1591.     transform: scale3d(1, 1, 1);
  1592.   }
  1593.  
  1594.   50% {
  1595.     -webkit-transform: scale3d(1.05, 1.05, 1.05);
  1596.     transform: scale3d(1.05, 1.05, 1.05);
  1597.     background: rgba(250,10,10,1);
  1598.     background: -moz-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1599.     background: -webkit-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1600.     background: -o-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1601.     background: -ms-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1602.     background: linear-gradient(to right, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1603.     -webkit-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1604.     -moz-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1605.     box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1606.     border: 6px double #0000FF;
  1607.   }
  1608.  
  1609.   to {
  1610.     -webkit-transform: scale3d(1, 1, 1);
  1611.     transform: scale3d(1, 1, 1);
  1612.   }
  1613. }
  1614.  
  1615.  
  1616.  
  1617.  
  1618.  
  1619.  
  1620.  
  1621. /* Hide the mod flairs for the plebs (non mods) */
  1622. /* what the fuck is a pleb? is that some sort of hate slur? */
  1623.  
  1624. body:not(.moderator) .flairoptionpane>ul:nth-of-type(1) {
  1625.     display: none;
  1626. }
  1627.  
  1628.  
  1629.  
  1630.  
  1631.  
  1632.  
  1633.  
  1634.  
  1635.  
  1636. .flair-machoman {
  1637.     width: 40px;height: 42px;
  1638.     background: url(%%macho-mini%%) no-repeat;
  1639.     -webkit-animation: macho 1.5s steps(40) infinite;
  1640.     -moz-animation: macho 1.5s steps(40) infinite;
  1641.     -ms-animation: macho 1.5s steps(40) infinite;
  1642.     -o-animation: macho 1.5s steps(40) infinite;
  1643.     animation: macho 1.5s steps(40) infinite;
  1644.     text-indent: -9999px;
  1645. }
  1646. @-webkit-keyframes macho   {from { background-position: 0 0px; } to { background-position: 0 -1680px; }}
  1647. @-moz-keyframes macho      {from { background-position: 0 0px; } to { background-position: 0 -1680px; }}
  1648. @-ms-keyframes macho       {from { background-position: 0 0px; } to { background-position: 0 -1680px; }}
  1649. @-o-keyframes macho        {from { background-position: 0 0px; } to { background-position: 0 -1680px; }}
  1650. @keyframes macho           {from { background-position: 0 0; } to { background-position: 0 -1680px; }}
  1651.  
  1652.  
  1653.  
  1654.  
  1655.  
  1656.  
  1657. .flair-hero111 {
  1658.     width: 34px;height: 32px;
  1659.     background: url(%%hero111%%) no-repeat;
  1660.     -webkit-animation: goat 3s steps(27) infinite;
  1661.     -moz-animation: goat 3s steps(27) infinite;
  1662.     -ms-animation: goat 3s steps(27) infinite;
  1663.     -o-animation: goat 3s steps(27) infinite;
  1664.     animation: goat 3s steps(27) infinite;
  1665.     text-indent: -9999px;
  1666. }
  1667. @-webkit-keyframes goat {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
  1668. @-moz-keyframes goat    {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
  1669. @-ms-keyframes goat     {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
  1670. @-o-keyframes goat      {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
  1671. @keyframes goat         {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
  1672.  
  1673.  
  1674.  
  1675.  
  1676.  
  1677.  
  1678.  
  1679.  
  1680. .flair-dino:hover{text-indent: 43px; white-space:nowrap;}
  1681. .flair-dino {
  1682.     width: 45px;height: 57.5px;
  1683.     background: url(%%dino%%) no-repeat;
  1684.     -webkit-animation: dino 1.5s steps(32) infinite;
  1685.     -moz-animation: dino 1.5s steps(32) infinite;
  1686.     -ms-animation: dino 1.5s steps(32) infinite;
  1687.     -o-animation: dino 1.5s steps(32) infinite;
  1688.     animation: dino 1.5s steps(32) infinite;
  1689.     text-indent: -9999px;
  1690. }
  1691. @-webkit-keyframes dino   {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1692. @-moz-keyframes dino      {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1693. @-ms-keyframes dino       {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1694. @-o-keyframes dino        {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1695. @keyframes dino           {from { background-position: 0 0; } to { background-position: 0 -1840px; }}
  1696. /* dino glow */
  1697.  
  1698.  
  1699. .flair-dino:hover {
  1700.     width: 45px;height: 57.5px;
  1701.     background: url(%%dinodark%%) no-repeat;
  1702.     -webkit-animation: dinodark 1.5s steps(32) infinite;
  1703.     -moz-animation: dinodark 1.5s steps(32) infinite;
  1704.     -ms-animation: dinodark 1.5s steps(32) infinite;
  1705.     -o-animation: dinodark 1.5s steps(32) infinite;
  1706.     animation: dinodark 1.5s steps(32) infinite;
  1707.     text-indent: -9999px;
  1708. }
  1709. @-webkit-keyframes dinodark   {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1710. @-moz-keyframes dinodark      {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1711. @-ms-keyframes dinodark       {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1712. @-o-keyframes dinodark        {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
  1713. @keyframes dinodark           {from { background-position: 0 0; } to { background-position: 0 -1840px; }}
  1714.  
  1715.  
  1716.  
  1717.  
  1718.  
  1719.  
  1720.  
  1721.  
  1722.  
  1723.  
  1724.  
  1725. /* dino glow */
  1726.  
  1727. .flair-somb {
  1728.     width: 45px;height: 50px;
  1729.     background: url(%%somb%%) no-repeat;
  1730.     -webkit-animation: somb .5s steps(6) infinite;
  1731.     -moz-animation: somb .5s steps(6) infinite;
  1732.     -ms-animation: somb .5s steps(6) infinite;
  1733.     -o-animation: somb .5s steps(6) infinite;
  1734.     animation: somb .5s steps(6) infinite;
  1735.     text-indent: -9999px;
  1736. }
  1737. @-webkit-keyframes somb   {from { background-position: 0 0px; } to { background-position: 0 -300px; }}
  1738. @-moz-keyframes somb      {from { background-position: 0 0px; } to { background-position: 0 -300px; }}
  1739. @-ms-keyframes somb       {from { background-position: 0 0px; } to { background-position: 0 -300px; }}
  1740. @-o-keyframes somb        {from { background-position: 0 0px; } to { background-position: 0 -300px; }}
  1741. @keyframes somb           {from { background-position: 0 0; } to { background-position: 0 -300px; }}
  1742.  
  1743.  
  1744.  
  1745.  
  1746.  
  1747.  
  1748.  
  1749.  
  1750.  
  1751.  
  1752.  
  1753. /*xmas poop*/
  1754. .flair-xmaspoo {
  1755.     width: 40px;height: 41px;
  1756.     background: url(%%xmaspoo%%) no-repeat;
  1757.     -webkit-animation: xmaspoo 2s steps(28) infinite;
  1758.     -moz-animation: xmaspoo 2s steps(28) infinite;
  1759.     -ms-animation: xmaspoo 2s steps(28) infinite;
  1760.     -o-animation: xmaspoo 2s steps(28) infinite;
  1761.     animation: xmaspoo 2s steps(28) infinite;
  1762.     text-indent: -9999px;
  1763. }
  1764. @-webkit-keyframes xmaspoo   {from { background-position: 0 0px; } to { background-position: 0 -1158px; }}
  1765. @-moz-keyframes xmaspoo      {from { background-position: 0 0px; } to { background-position: 0 -1158px; }}
  1766. @-ms-keyframes xmaspoo       {from { background-position: 0 0px; } to { background-position: 0 -1158px; }}
  1767. @-o-keyframes xmaspoo       {from { background-position: 0 0px; } to { background-position: 0 -1158px; }}
  1768. @keyframes xmaspoo           {from { background-position: 0 0; } to { background-position: 0 -1158px; }}
  1769. /*end xmas poop*/
  1770.  
  1771.  
  1772.  
  1773.  
  1774.  
  1775.  
  1776.  
  1777.  
  1778. /*gt flair start*/
  1779. .comments-page .linkflair-giftournament .md strong,.comments-page .linkflair-giftournament.stickied .md strong{color:#fff!important}
  1780. .linkflair-giftournament.stickied .md strong{color:#fff}
  1781. .linkflair-giftournament .md h1{color:#fff!important}
  1782. /*edit this*/
  1783. .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}
  1784. .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%)}
  1785. /*edit this*/
  1786. .linkflair-giftournament.stickied .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
  1787. .linkflair-giftournament.stickied .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  1788. .linkflair-giftournament .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
  1789. .linkflair-giftournament .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  1790. .thing.stickied.linkflair-giftournament .usertext .md a{color:#FFF!important}
  1791. /*edit this*/
  1792. .thing.stickied.linkflair-giftournament .expando-button:hover{background-color:#3cadff!important;border-color:#3cadff!important}
  1793. .comments-page .linkflair-giftournament{background-image:url(%%gt8-fade%%);border-radius:0}
  1794. .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%)}
  1795. /*edit this*/
  1796. .linkflair-giftournament .usertext .md{color:#3cadff}
  1797. .linkflair-giftournament .usertext .md a{color:#FFF;font-weight:700}
  1798. .linkflair-giftournament a.title,.stickied a.title{font-weight:900;font-family:Futura,'Century Gothic',sans-serif}
  1799. .linkflair-giftournament .usertext .md blockquote{color:inherit}
  1800. .linkflair-giftournament .usertext .md pre{color:initial}.linkflair-giftournament .usertext .md a:visited{color:#FFF}
  1801. /*edit this*/
  1802. .linkflair-giftournament a.title,.listing-page .linkflair-giftournament a{color:#3cadff!important}
  1803. .link.last-clicked.linkflair-giftournament{background-color:#444!important}
  1804. .linkflair-giftournament .entry .buttons li a,.linkflair-giftournament .entry .tagline{color:#CCC}
  1805. .linkflair-giftournament .entry{border-bottom:0}
  1806. /*edit this*/
  1807. .linkflair-giftournament,.linkflair-giftournament.stickied{background:url(%%gt8-fade%%) no-repeat 95% 48% #333;border:1px solid #000;background-size:248px}
  1808. /*edit this*/
  1809. .linkflair-giftournament .linkflairlabel{background-color:#333;font-size:11px;font-weight:700;border-color:#000}
  1810. .linkflair-giftournament .linkflairlabel{color:#fff;border-width:1;border-radius:3px;padding:3px}
  1811. /*gt flair end*/
  1812.  
  1813.  
  1814.  
  1815.  
  1816.  
  1817.  
  1818. /*battle flair start*/
  1819. .comments-page .linkflair-battles .md strong,.comments-page .linkflair-battles.stickied .md strong{color:#0099ff!important}
  1820.  
  1821. .linkflair-battles.stickied .md strong{color:#0099ff}
  1822.  
  1823. .linkflair-battles .md h1{color:#0099ff!important}
  1824.  
  1825. /*edit this*/
  1826. .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}
  1827.  
  1828. /*edit this*/
  1829. .linkflair-battles.stickied .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
  1830. .linkflair-battles.stickied .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  1831. .linkflair-battles .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
  1832. .linkflair-battles .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  1833. .thing.stickied.linkflair-battles .usertext .md a{color:#0099ff!important}
  1834.  
  1835. /*edit this*/
  1836. .thing.stickied.linkflair-battles .expando-button:hover{background-color:#3cadff!important;border-color:#3cadff!important}
  1837. .comments-page .linkflair-battles{background-image:url(%%battle%%);border-radius:0}
  1838. .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%)}
  1839.  
  1840. /*edit this*/
  1841. .linkflair-battles .usertext .md a{color:#0099ff;font-weight:700}
  1842. .linkflair-battles a.title,.stickied a.title{font-weight:900;font-family:Futura,'Century Gothic',sans-serif}
  1843. .linkflair-battles .usertext .md blockquote{color:inherit}
  1844. .linkflair-battles .usertext .md pre{color:initial}.linkflair-battles .usertext .md a:visited{color:#0099ff}
  1845.  
  1846. /*edit this*/
  1847. .linkflair-battles a.title,.listing-page .linkflair-battles a{color:#3cadff!important}
  1848. .link.last-clicked.linkflair-battles{background-color:#444!important}
  1849. .linkflair-battles .entry .buttons li a,.linkflair-battles .entry .tagline{color:#CCC}
  1850. .linkflair-battles .entry{border-bottom:0}
  1851.  
  1852. /*edit this*/
  1853. .linkflair-battles,.linkflair-battles.stickied{background:url(%%battle%%) no-repeat 98% 50% #333;border:1px solid #000}
  1854.  
  1855. /*edit this*/
  1856. .linkflair-battles .linkflairlabel{background-color:#333;font-size:11px;font-weight:700;border-color:#000}
  1857. .linkflair-battles .linkflairlabel{color:#0099ff;border-width:1;border-radius:3px;padding:3px}
  1858.  
  1859. .linkflair-battles .usertext-body.may-blank-within.md-container{background-color:transparent!important}
  1860. .flairoptionpane .linkflair{background:none;border:0px}
  1861.  
  1862. .linkflair-battles .entry.res-selected {background: transparent !important;}
  1863. /*battle flair end*/
  1864.  
  1865.  
  1866.  
  1867.  
  1868.  
  1869.  
  1870.  
  1871.  
  1872.  
  1873.  
  1874.  
  1875.  
  1876.  
  1877.  /**
  1878.    * star wars the sub?
  1879.    */
  1880.  html:lang(sw) {
  1881.   overflow: hidden;
  1882.   perspective: 300px;
  1883. }
  1884. body:lang(sw) {
  1885.   height: 100%;
  1886.   transform: rotateX(25deg) translateZ(-3000px);
  1887. }
  1888.  
  1889.  
  1890.  
  1891.  
  1892. body:lang(sw) {
  1893.     position: absolute;
  1894.     height: 160px;
  1895.     top: 0px;
  1896.     right: 0;
  1897.     bottom: 0;
  1898.     left: 0;
  1899.     z-index: -1;
  1900.     -webkit-animation: pan 160s linear infinite;
  1901.     -moz-animation: pan 160s linear infinite;
  1902.     animation: pan 160s linear infinite;
  1903. }
  1904. @-webkit-keyframes pan {
  1905.     0%   { background-position: 50% 0; }
  1906.     50%  { background-position: 50% -950px; }
  1907.     100% { background-position: 50% 0; }
  1908. }
  1909. @-moz-keyframes pan {
  1910.     0%   { background-position: 50% 0; }
  1911.     50%  { background-position: 50% -950px; }
  1912.     100% { background-position: 50% 0; }
  1913. }
  1914. @keyframes pan {
  1915.     0%   { background-position: 50% 0; }
  1916.     50%  { background-position: 50% -950px; }
  1917.     100% { background-position: 50% 0; }
  1918. }
  1919.  
  1920.  
  1921.  
  1922.  
  1923.  
  1924.  
  1925.  
  1926. .flair-swift40 {
  1927.     width: 40px;height: 54px;
  1928.     background: url(%%swift40t%%) no-repeat;
  1929.     -webkit-animation: swift40 1.5s steps(10) infinite;
  1930.     -moz-animation: swift40 1.5s steps(10) infinite;
  1931.     -ms-animation: swift40 1.5s steps(10) infinite;
  1932.     -o-animation: swift40 1.5s steps(10) infinite;
  1933.     animation: swift40 1.5s steps(10) infinite;
  1934.     text-indent: -9999px;
  1935. }
  1936. @-webkit-keyframes swift40   {from { background-position: 0 0px; } to { background-position: 0 -540px; }}
  1937. @-moz-keyframes swift40      {from { background-position: 0 0px; } to { background-position: 0 -540px; }}
  1938. @-ms-keyframes swift40       {from { background-position: 0 0px; } to { background-position: 0 -540px; }}
  1939. @-o-keyframes swift40        {from { background-position: 0 0px; } to { background-position: 0 -540px; }}
  1940. @keyframes swift40           {from { background-position: 0 0; } to { background-position: 0 -540px; }}
  1941.  
  1942.  
  1943.  
  1944.  
  1945.  
  1946.  
  1947. /*haha flair start*/
  1948. .comments-page .linkflair-haha .md strong,.comments-page .linkflair-haha.stickied .md strong{color:#0099ff!important}
  1949.  
  1950. .linkflair-haha.stickied .md strong{color:#0099ff}
  1951.  
  1952. .linkflair-haha .md h1{color:#0099ff!important}
  1953.  
  1954. /*edit this*/
  1955. .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}
  1956.  
  1957. /*edit this*/
  1958. .linkflair-haha.stickied .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
  1959. .linkflair-haha.stickied .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  1960. .linkflair-haha .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
  1961. .linkflair-haha .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  1962. .thing.stickied.linkflair-haha .usertext .md a{color:#0099ff!important}
  1963.  
  1964. /*edit this*/
  1965. .thing.stickied.linkflair-haha .expando-button:hover{background-color:#3cadff!important;border-color:#3cadff!important}
  1966. .comments-page .linkflair-haha{background-image:url(%%haha%%);border-radius:0}
  1967. .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%)}
  1968.  
  1969. /*edit this*/
  1970. .linkflair-haha .usertext .md a{color:#0099ff;font-weight:700}
  1971. .linkflair-haha a.title,.stickied a.title{font-weight:900;font-family:Futura,'Century Gothic',sans-serif}
  1972. .linkflair-haha .usertext .md blockquote{color:inherit}
  1973. .linkflair-haha .usertext .md pre{color:initial}.linkflair-haha .usertext .md a:visited{color:#0099ff}
  1974.  
  1975. /*edit this*/
  1976. .linkflair-haha a.title,.listing-page .linkflair-haha a{color:#3cadff!important}
  1977. .link.last-clicked.linkflair-haha{background-color:#444!important}
  1978. .linkflair-haha .entry .buttons li a,.linkflair-haha .entry .tagline{color:#CCC}
  1979. .linkflair-haha .entry{border-bottom:0}
  1980.  
  1981. /*edit this*/
  1982. .linkflair-haha,.linkflair-haha.stickied{background:url(%%haha%%) no-repeat 98% 50% #333;border:1px solid #000}
  1983.  
  1984. /*edit this*/
  1985. .linkflair-haha .linkflairlabel{background-color:#333;font-size:11px;font-weight:700;border-color:#000}
  1986. .linkflair-haha .linkflairlabel{color:#0099ff;border-width:1;border-radius:3px;padding:3px}
  1987.  
  1988. .linkflair-haha .usertext-body.may-blank-within.md-container{background-color:transparent!important}
  1989. .flairoptionpane .linkflair{background:none;border:0px}
  1990. /*haha flair end*/
  1991.  
  1992. /*tlc machoman*/
  1993. .flair-tlc-macho {
  1994.     width: 40px;height: 50px;
  1995.     background: url(%%tlc-macho%%) no-repeat;
  1996.     -webkit-animation: tlc-macho 2s steps(7) infinite;
  1997.     -moz-animation: tlc-macho 2s steps(7) infinite;
  1998.     -ms-animation: tlc-macho 2s steps(7) infinite;
  1999.     -o-animation: tlc-macho 2s steps(7) infinite;
  2000.     animation: tlc-macho 2s steps(7) infinite;
  2001.     text-indent: -9999px;
  2002. }
  2003. @-webkit-keyframes tlc-macho   {from { background-position: 0 0px; } to { background-position: 0 -350px; }}
  2004. @-moz-keyframes tlc-macho      {from { background-position: 0 0px; } to { background-position: 0 -350px; }}
  2005. @-ms-keyframes tlc-macho       {from { background-position: 0 0px; } to { background-position: 0 -350px; }}
  2006. @-o-keyframes tlc-macho       {from { background-position: 0 0px; } to { background-position: 0 -350px; }}
  2007. @keyframes tlc-macho           {from { background-position: 0 0; } to { background-position: 0 -350px; }}
  2008. /*end tlc machoman*/
  2009.  
  2010.  
  2011.  
  2012.  
  2013.  
  2014. /* aw yeah belt*/
  2015. .flair-gt-aw-yeah {
  2016.     width: 50px;height: 50px;
  2017.     background: url(%%gt-aw-yeah%%) no-repeat;
  2018.     -webkit-animation: gt-aw-yeah .5s steps(11) infinite;
  2019.     -moz-animation: gt-aw-yeah .5s steps(11) infinite;
  2020.     -ms-animation: gt-aw-yeah .5s steps(11) infinite;
  2021.     -o-animation: gt-aw-yeah .5s steps(11) infinite;
  2022.     animation: gt-aw-yeah .5s steps(11) infinite;
  2023.     text-indent: -9999px;
  2024. }
  2025. @-webkit-keyframes gt-aw-yeah   {from { background-position: 0 0px; } to { background-position: 0 -550px; }}
  2026. @-moz-keyframes gt-aw-yeah      {from { background-position: 0 0px; } to { background-position: 0 -550px; }}
  2027. @-ms-keyframes gt-aw-yeah       {from { background-position: 0 0px; } to { background-position: 0 -550px; }}
  2028. @-o-keyframes gt-aw-yeah        {from { background-position: 0 0px; } to { background-position: 0 -550px; }}
  2029. @keyframes gt-aw-yeah           {from { background-position: 0 0; } to { background-position: 0 -550px; }}
  2030. /*aw yeah belt end*/
  2031.  
  2032. /* canada-parrot*/
  2033. .flair-canada-parrot {
  2034.     width: 40px;height: 21.9px;
  2035.     background: url(%%canada-parrot%%) no-repeat;
  2036.     -moz-animation: canada-parrot .5s steps(10) infinite;
  2037.     -ms-animation: canada-parrot .5s steps(10) infinite;
  2038.     -o-animation: canada-parrot .5s steps(10) infinite;
  2039.     animation: canada-parrot .5s steps(10) infinite;
  2040.     text-indent: -9999px;
  2041. }
  2042. @-webkit-keyframes canada-parrot   {from { background-position: 0 0px; } to { background-position: 0 -219px; }}
  2043. @-moz-keyframes canada-parrot      {from { background-position: 0 0px; } to { background-position: 0 -219px; }}
  2044. @-ms-keyframes canada-parrot       {from { background-position: 0 0px; } to { background-position: 0 -219px; }}
  2045. @-o-keyframes canada-parrot        {from { background-position: 0 0px; } to { background-position: 0 -219px; }}
  2046. @keyframes canada-parrot           {from { background-position: 0 0; } to { background-position: 0 -219px; }}
  2047. /*canada-parrot end*/
  2048.  
  2049. /* elpinko gets a promotion */
  2050. a[href$="/user/elpinko"]:after {
  2051.   content: "Executive Shitposter";
  2052.   background: #fff url(%%exec-dickbutt%%) no-repeat top left;
  2053.   font-weight: bold;
  2054.   display: inline-block;
  2055.   height: 30px;
  2056.   padding-left: 26px;
  2057.   color: #4c462c;
  2058. }
  2059.  
  2060. a[href$="/user/eipinko"]:after {
  2061.   content: "Executive Shitposter";
  2062.   background: #fff url(%%exec-dickbutt%%) no-repeat top left;
  2063.   font-weight: bold;
  2064.   display: inline-block;
  2065.   height: 30px;
  2066.   padding-left: 26px;
  2067.   color: #4c462c;
  2068. }
  2069.  
  2070.  
  2071.  
  2072. a[href$="/user/thefakegm"]:after {
  2073.   content: "not just a gentleman, but a scholar";
  2074.   background: #fff url(%%historian%%) no-repeat top left;
  2075.   font-weight: bold;
  2076.   display: inline-block;
  2077.   height: 30px;
  2078.   padding-left: 35px;
  2079.   color: #4c462c;
  2080. }
  2081.  
  2082.  
  2083.  
  2084.  
  2085.  
  2086.  
  2087.  
  2088.  
  2089.  
  2090.  
  2091.  
  2092.  
  2093.  
  2094.  
  2095. /* may the hero be with you
  2096. html {
  2097.   overflow: hidden;
  2098.   perspective: 320px;
  2099. }
  2100. body {
  2101.   height: 100%;
  2102.   transform: rotateX(25deg) translateZ(-200px);
  2103. }
  2104.  
  2105.  
  2106.  
  2107.  
  2108.     html { background: #000 url(%%max1%%);background-position: center; margin-top: 0cm; }
  2109.  
  2110.  
  2111.     html:before {
  2112.         background: url(%%max4%%) no-repeat center top;
  2113.         content: '';
  2114.         position: absolute;
  2115.         height: 300px;
  2116.         top: 0px;
  2117.         right: 0;
  2118.         bottom: 0;
  2119.         left: 0;
  2120.         z-index: -1;
  2121.         -webkit-animation: starpan 1600s linear infinite;
  2122.         -moz-animation: starpan 1600s linear infinite;
  2123.         animation: starpan 1600s linear infinite;
  2124.     }
  2125.     @-webkit-keyframes starpan {
  2126.         0%   { background-position: 50% 0; }
  2127.         50%  { background-position: 50% -17000px; }
  2128.         100% { background-position: 50% 0; }
  2129.     }
  2130.     @-moz-keyframes starpan {
  2131.         0%   { background-position: 50% 0; }
  2132.         50%  { background-position: 50% -17000px; }
  2133.         100% { background-position: 50% 0; }
  2134.     }
  2135.     @keyframes starpan {
  2136.         0%   { background-position: 50% 0; }
  2137.         50%  { background-position: 50% -17000px; }
  2138.         100% { background-position: 50% 0; }
  2139.     }
  2140.  
  2141. */
  2142.  
  2143.  
  2144. /* SUBREDDIT NAME ANIMATION */
  2145. .titlebox h1 a { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; cursor: default; border: none; /* font: normal normal bold 70px/normal "Bad Script", Helvetica, sans-serif; */ font: normal normal bold 30px/normal "Bad Script", Helvetica; text-decoration: none; color: rgba(0, 0, 0, 0); text-align: center; -o-text-overflow: clip; text-overflow: clip; text-shadow: 3px 0 0 rgb(217,31,38) , 3px 0 0 rgb(226,91,14) , 3px 0 0 rgb(245,221,8) , 3px 0 0 rgb(5,148,68) , 3px 0 0 rgb(2,135,206) , 3px 0 0 rgb(4,77,145) , 3px 0 0 rgb(42,21,113) ; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  2146. .hover a:hover { text-shadow: -3px 0 0 rgb(217,31,38) , -6px 0 0 rgb(226,91,14) , -9px 0 0 rgb(245,221,8) , -12px 0 0 rgb(5,148,68) , -15px 0 0 rgb(2,135,206) , -18px 0 0 rgb(4,77,145) , -21px 0 0 rgb(42,21,113) ; -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  2147.  
  2148.  
  2149.  
  2150.  
  2151. /* this is what you are looking for, you will probably want to kill this
  2152. html:active {cursor: wait}
  2153. html {cursor: wait}
  2154. a:visited {cursor: wait}
  2155. a {cursor: wait}
  2156. div {cursor:wait}
  2157. textarea {cursor:wait}
  2158. input {cursor:wait}
  2159. img {cursor:wait}  
  2160. stop here, the rest of this shit is fine */
  2161.  
  2162.  
  2163.  
  2164.  
  2165.  
  2166. .flair-shoop{
  2167.     width: 120px;height: 96.13px;
  2168.     background: url(%%shoop-still%%) no-repeat;
  2169.     }
  2170.  
  2171.  
  2172. .flair-shoop:hover {
  2173.     width: 120px;height: 96.13px;
  2174.     background: url(%%shoop%%) no-repeat;
  2175.     -webkit-animation: shoop 1.5s steps(22) infinite;
  2176.     -moz-animation: shoop 1.5s steps(22) infinite;
  2177.     -ms-animation: shoop 1.5s steps(22) infinite;
  2178.     -o-animation: shoop 1.5s steps(22) infinite;
  2179.     animation: shoop 1.5s steps(22) infinite;
  2180.     text-indent: -9999px;
  2181. }
  2182. @-webkit-keyframes shoop   {from { background-position: 0 0px; } to { background-position: 0 -2115px; }}
  2183. @-moz-keyframes shoop      {from { background-position: 0 0px; } to { background-position: 0 -2115px; }}
  2184. @-ms-keyframes shoop       {from { background-position: 0 0px; } to { background-position: 0 -2115px; }}
  2185. @-o-keyframes shoop        {from { background-position: 0 0px; } to { background-position: 0 -2115px; }}
  2186. @keyframes shoop           {from { background-position: 0 0; } to { background-position: 0 -2115px; }}
  2187.  
  2188.  
  2189.  
  2190. /*
  2191.  
  2192. .arrow.down:after{display:block;visibility:hidden;position:absolute;z-index:1000;margin:-6px 0 0 32px;padding:12px;background:rgba(79,77,192,0.0);border-radius:2px;color:rgba(255,255,255,0);content:"I'm not mad, I'm just disappointed.";text-align:center;letter-spacing:1px;font-weight:400;font-size:13px;transition:all .25s ease;pointer-events:none}
  2193.  
  2194. .arrow.down:hover:after{visibility:visible;background:rgba(79,77,192,0.9);color:#FFF;margin-left:48px}
  2195.  
  2196.  
  2197. */
  2198.  
  2199.  
  2200.  
  2201.  
  2202.  
  2203. /*start boring blue, but hey it's blue*/
  2204. /*
  2205. .make-gif-container{
  2206.     font-size: 30px;
  2207.     font-weight: bold;
  2208.     vertical-align: middle;
  2209.     text-align: center;
  2210.     background: #fff url(%%red-arrow%%) no-repeat top left;
  2211.       color: rgba(0, 0, 0, 0.8);
  2212.   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  2213.   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px rgba(0, 0, 0, 0.2);
  2214.   background: -webkit-linear-gradient(top, #1EA5D8, #126381);
  2215.   background: -moz-linear-gradient(top, #1EA5D8, #126381);
  2216.   background: linear-gradient(to bottom, #1EA5D8, #126381);
  2217.     border-radius: 5px;
  2218. }
  2219. */
  2220. /*end boring blue, but hey it's blue*/
  2221.  
  2222.  
  2223.  
  2224. /*start bright and shit*/
  2225. .make-gif-container{
  2226.     font-size: 30px;
  2227.     font-weight: bold;
  2228.     vertical-align: middle;
  2229.     text-align: center;
  2230.     color: rgba(0, 0, 0, 0.8);
  2231.   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  2232.   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px rgba(0, 0, 0, 0.2);
  2233.  
  2234.     border-radius: 5px;
  2235.   background-image:-webkit-linear-gradient( left, DarkOrange , orange, OrangeRed , blue,
  2236.                                          LightSkyBlue,SkyBlue, DeepSkyBlue, SkyBlue, LightSkyBlue,
  2237.                                          blue, OrangeRed, orange,DarkOrange  );
  2238.   background-image:-moz-linear-gradient( left, red, red, yellow, green,
  2239.                                          red,red, red, red, red,
  2240.                                          red, yellow, orange,red );
  2241.   background-image:-o-linear-gradient( left, red, orange, yellow, green,
  2242.                                          blue,indigo, violet, indigo, blue,
  2243.                                          green, yellow, orange,red );
  2244.   background-image:-ms-linear-gradient( left, red, orange, yellow, green,
  2245.                                          blue,indigo, violet, indigo, blue,
  2246.                                          green, yellow, orange,red );
  2247.   background-image:-khtml-linear-gradient( left, red, red, black, black,
  2248.                                          blue,blue, red, red, blue,
  2249.                                          blue, black, black,red );
  2250.   background-image:linear-gradient( left, red, orange, yellow, green,
  2251.                                          blue,indigo, violet, indigo, blue,
  2252.                                          green, yellow, orange,red );
  2253.   -moz-animation:douche 2.5s forwards linear infinite;
  2254.   -webkit-animation:douche 2.5s forwards linear infinite;
  2255.   -o-animation:douche 2.5s forwards linear infinite;
  2256.   -khtml-animation:douche 2.5s forwards linear infinite;
  2257.   -ms-animation:douche 2.5s forwards linear infinite;
  2258.   animation:douche 2.5s forwards linear infinite;
  2259.   background-size:100% auto;
  2260. }
  2261. /*end bright and shit*/
  2262.  
  2263. /*
  2264.  
  2265. .video-player-container{
  2266.   visibility:hidden
  2267. }
  2268. .file-upload-button{
  2269.   visibility:hidden;
  2270. }
  2271. .media-drop-icon{
  2272.   visibility:hidden;
  2273. }
  2274. .file-drop-label{
  2275.   visibility:hidden;
  2276. }
  2277.  
  2278.  
  2279.  
  2280.  
  2281. .image-upload-drop-target{
  2282.   background: url(%%idk-yolo2%%) no-repeat 0px 0 !important;
  2283. }*/
  2284.  
  2285.  
  2286.  
  2287.  
  2288.  
  2289.  
  2290. .author[href$="/hero0fwar"],
  2291.  
  2292. .comment .author[href$="/hero0fwar"] {
  2293.  
  2294. -webkit-animation: rainbow 5s linear 0s infinite;
  2295.  
  2296. animation: rainbow 5s linear 0s infinite;
  2297.  
  2298. }
  2299.  
  2300. @-webkit-keyframes rainbow {
  2301.  
  2302. 0% { color: #F00 }
  2303.  
  2304. 17% { color: #FF0 }
  2305.  
  2306. 33% { color: #0F0 }
  2307.  
  2308. 50% { color: #0FF }
  2309.  
  2310. 67% { color: #00F }
  2311.  
  2312. 84% { color: #F0F }
  2313.  
  2314. 100% { color: #F00 }
  2315.  
  2316. }
  2317.  
  2318. @keyframes rainbow {
  2319.  
  2320. 0% { color: #F00 }
  2321.  
  2322. 17% { color: #FF0 }
  2323.  
  2324. 33% { color: #0F0 }
  2325.  
  2326. 50% { color: #0FF }
  2327.  
  2328. 67% { color: #00F }
  2329.  
  2330. 84% { color: #F0F }
  2331.  
  2332. 100% { color: #F00 }
  2333. }
  2334.  
  2335.  
  2336.  
  2337.  
  2338.  
  2339.  
  2340. #wife {
  2341.     right: 100%;
  2342.     margin: 0;
  2343. }
  2344.  
  2345. .fear {
  2346.     display: none;
  2347. }
  2348.  
  2349. #kim-kardashian {
  2350.     padding-bottom: 9999px;
  2351. }
  2352.  
  2353. .illuminati {
  2354.     position: absolute;
  2355.     visibility: hidden;
  2356. }
  2357.  
  2358. .trump {
  2359.     transition: ease-out;
  2360. }
  2361.  
  2362. #big-bang::before {
  2363.     content: " ";
  2364. }
  2365.  
  2366. /*
  2367. .side:before {
  2368.   display: block;
  2369.   margin: 10px 0;
  2370.   height: 500px;
  2371.   border-radius: 5px;
  2372.   background: url(%%celtics-33%%);
  2373.   content: ""
  2374. }
  2375.  
  2376. */
  2377.  
  2378.  
  2379.  
  2380. /*
  2381. a.author {
  2382.     font-size: 0;
  2383. }
  2384.  
  2385. a.author: after {
  2386.     font-size: 11px;
  2387.     content: "MIKEY";
  2388. }
  2389.  
  2390. */
  2391.  
  2392.  
  2393. /*serious edit*/
  2394. .link.stickied.linkflair-serious .score,.thing.stickied.linkflair-serious .entry li .comments,.thing.stickied.linkflair-serious a,.thing.stickied.linkflair-serious a.title{color:#3cadff!important}
  2395. .linkflair-serious.stickied .entry.RES-keyNav-activeElement{border-right-color:#ff2e2e!important}
  2396. .linkflair-serious.stickied .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  2397. .linkflair-serious .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
  2398. .linkflair-serious .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  2399. .thing.stickied.linkflair-serious .usertext .md a{color:#0099ff!important}
  2400. .thing.stickied.linkflair-serious .expando-button:hover{background-color:#ff2e2e!important;border-color:#ff2e2e!important}
  2401. .comments-page .linkflair-serious{background-image:url(%%serious-face2%%);border-radius:0}
  2402. .comments-page .linkflair-serious::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%)}
  2403. .linkflair-serious{background-image:url(%%serious-face2%%);border-radius:0}
  2404. .linkflair-serious .usertext .md a{color:#0099ff;font-weight:700}
  2405. .linkflair-serious a.title,.stickied a.title{font-weight:900;font-family:Futura,'Century Gothic',sans-serif}
  2406. .linkflair-serious .usertext .md blockquote{color:inherit}
  2407. .linkflair-serious .usertext .md pre{color:initial}.linkflair-serious .usertext .md a:visited{color:#0099ff}
  2408.  
  2409. .linkflair-serious a.title,.listing-page .linkflair-serious a{color:#ff2e2e!important}
  2410. .link.last-clicked.linkflair-serious{background-color:#444!important}
  2411. .linkflair-serious .entry .buttons li a,.linkflair-serious .entry .tagline{color:#CCC}
  2412. .linkflair-serious .entry{border-bottom:0}
  2413. .linkflair-serious,.linkflair-serious.stickied{background:url(%%serious-face2%%) no-repeat 68% 50% #333;border:1px solid #000}
  2414. .linkflair-serious .linkflairlabel{background-color:#333;font-size:11px;font-weight:700;border-color:#000}
  2415. .linkflair-serious .linkflairlabel{color:#18c207;border-width:1;border-radius:3px;padding:3px}
  2416.  
  2417. .linkflair-serious .arrow {    height: 20px;    width: 20px;    background-image: url(%%serious-vote%%) !important;    }
  2418. .linkflair-serious .arrow.up {    background-position: 0px -20px;    opacity: .9 !important;    }
  2419. .linkflair-serious .arrow.down {    background-position: 0px -60px;    opacity: .9 !important;    }
  2420. .linkflair-serious .arrow.up:hover {    background-position: 0px -20px;    opacity: .7 !important;    }
  2421. .linkflair-serious .arrow.down:hover {    background-position: 0px -60px;    opacity: .7 !important;    }
  2422. .linkflair-serious .arrow.upmod {    background-position: 0px -0px;    opacity: 1 !important;    }
  2423. .linkflair-serious .arrow.downmod {    background-position: 0px -40px;    opacity: 1 !important;    }
  2424. .linkflair-serious .entry.res-selected {background: transparent !important;}
  2425.  
  2426.  
  2427.  
  2428.    
  2429. .thing.linkflair-serious .upmod:focus::after           
  2430.     {          
  2431.         content:"Introduce a little anarchy!";         
  2432.         font-size: 16px;           
  2433.         font-family: Trajan Pro, "Palatino Linotype", "Book Antiqua", Palatino, serif;           
  2434.         color: black;          
  2435.         text-shadow: 1px 1px 1px #69BB01,          
  2436.                 -1px 1px 1px #69BB01,          
  2437.                 -1px -1px 1px #69BB01,         
  2438.                  1px -1px 1px #69BB01,         
  2439.                  0px 0px 3px #69BB01;          
  2440.         display:block;         
  2441.         position: absolute;        
  2442.         animation: upvote 2.5s ease-out;           
  2443.         -webkit-animation: upvote 2.5s ease-out;           
  2444.         opacity:0;         
  2445.         z-index:9001;          
  2446.     }          
  2447.     @keyframes upvote          
  2448.     {          
  2449.         0% {margin-top:0px;opacity:1;}         
  2450.         25%{opacity:1;}        
  2451.         100% {margin-top:-80px;opacity:0;}         
  2452.     }          
  2453.     @-webkit-keyframes upvote          
  2454.     {          
  2455.         0% {margin-top:0px;opacity:1;}         
  2456.         25%{opacity:1;}        
  2457.         100% {margin-top:-80px;opacity:0;}         
  2458.     }
  2459.  
  2460.    
  2461.    
  2462.    
  2463.    
  2464. .thing.linkflair-serious .downmod:focus::after         
  2465.     {          
  2466.         content:"Why so serious?";         
  2467.         font-size: 16px;           
  2468.         font-family: Trajan Pro, "Palatino Linotype", "Book Antiqua", Palatino, serif;           
  2469.         color: black;          
  2470.         text-shadow: 1px 1px 1px #e90d18,          
  2471.                 -1px 1px 1px #e90d18,          
  2472.                 -1px -1px 1px #e90d18,         
  2473.                  1px -1px 1px #e90d18,         
  2474.                  0px 0px 3px #e90d18;          
  2475.         display:block;         
  2476.         position: absolute;        
  2477.         animation: upvote 2.5s ease-out;           
  2478.         -webkit-animation: upvote 2.5s ease-out;           
  2479.         opacity:0;         
  2480.         z-index:9001;          
  2481.     }          
  2482.     @keyframes upvote          
  2483.     {          
  2484.         0% {margin-top:0px;opacity:1;}         
  2485.         25%{opacity:1;}        
  2486.         100% {margin-top:-80px;opacity:0;}         
  2487.     }          
  2488.     @-webkit-keyframes upvote          
  2489.     {          
  2490.         0% {margin-top:0px;opacity:1;}         
  2491.         25%{opacity:1;}        
  2492.         100% {margin-top:-80px;opacity:0;}         
  2493.     }
  2494.  
  2495.  
  2496. .linkflair-thebat .linkflairlabel{background-color:#333;font-size:11px;font-weight:700;border-color:#000}
  2497. .linkflair-thebat .linkflairlabel{color:#bfbfbf;border-width:1;border-radius:3px;padding:3px}
  2498.  
  2499.  
  2500. .link.stickied.linkflair-thebat .score,.thing.stickied.linkflair-thebat .entry li .comments,.thing.stickied.linkflair-thebat a,.thing.stickied.linkflair-thebat a.title{color:#3cadff!important}
  2501. .linkflair-thebat.stickied .entry.RES-keyNav-activeElement{border-right-color:#ff2e2e!important}
  2502. .linkflair-thebat.stickied .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  2503. .linkflair-thebat .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
  2504. .linkflair-thebat .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
  2505. .thing.stickied.linkflair-thebat .usertext .md a{color:#0099ff!important}
  2506. .thing.stickied.linkflair-thebat .expando-button:hover{background-color:#ff2e2e!important;border-color:#ff2e2e!important}
  2507. .comments-page .linkflair-thebat{background-image:url(%%thebat-face%%);border-radius:0}
  2508. .comments-page .linkflair-thebat::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%)}
  2509. .linkflair-thebat{background-image:url(%%thebat-face%%);border-radius:0}
  2510. .linkflair-thebat .usertext .md a{color:#0099ff;font-weight:700}
  2511. .linkflair-thebat a.title,.stickied a.title{font-weight:900;font-family:Futura,'Century Gothic',sans-serif}
  2512. .linkflair-thebat .usertext .md blockquote{color:inherit}
  2513. .linkflair-thebat .usertext .md pre{color:initial}.linkflair-thebat .usertext .md a:visited{color:#0099ff}
  2514. .linkflair-thebat a.title,.listing-page .linkflair-thebat a{color:#ffde00!important}
  2515. .link.last-clicked.linkflair-thebat{background-color:#444!important}
  2516. .linkflair-thebat .entry .buttons li a,.linkflair-thebat .entry .tagline{color:#CCC}
  2517. .linkflair-thebat .entry{border-bottom:0}
  2518. .linkflair-thebat,.linkflair-thebat.stickied{background:url(%%thebat-face%%) no-repeat 68% 50% #333;border:1px solid #000}
  2519. .linkflair-thebat .entry.res-selected {background: transparent !important;}
  2520.  
  2521.  
  2522.  
  2523.    
  2524. .thing.linkflair-thebat .upmod:focus::after        
  2525.     {          
  2526.         content:"I'm Batman!!!";           
  2527.         font-size: 16px;           
  2528.         font-family: Trajan Pro, "Palatino Linotype", "Book Antiqua", Palatino, serif;           
  2529.         color: black;          
  2530.         text-shadow: 1px 1px 1px #69BB01,          
  2531.                 -1px 1px 1px #69BB01,          
  2532.                 -1px -1px 1px #69BB01,         
  2533.                  1px -1px 1px #69BB01,         
  2534.                  0px 0px 3px #69BB01;          
  2535.         display:block;         
  2536.         position: absolute;        
  2537.         animation: upvote 2.5s ease-out;           
  2538.         -webkit-animation: upvote 2.5s ease-out;           
  2539.         opacity:0;         
  2540.         z-index:9001;          
  2541.     }          
  2542.     @keyframes upvote          
  2543.     {          
  2544.         0% {margin-top:0px;opacity:1;}         
  2545.         25%{opacity:1;}        
  2546.         100% {margin-top:-80px;opacity:0;}         
  2547.     }          
  2548.     @-webkit-keyframes upvote          
  2549.     {          
  2550.         0% {margin-top:0px;opacity:1;}         
  2551.         25%{opacity:1;}        
  2552.         100% {margin-top:-80px;opacity:0;}         
  2553.     }
  2554.  
  2555.    
  2556.    
  2557.    
  2558.    
  2559. .thing.linkflair-thebat .downmod:focus::after          
  2560.     {          
  2561.         content:"this is bullshit";        
  2562.         font-size: 16px;           
  2563.         font-family: Trajan Pro, "Palatino Linotype", "Book Antiqua", Palatino, serif;           
  2564.         color: black;          
  2565.         text-shadow: 1px 1px 1px #e90d18,          
  2566.                 -1px 1px 1px #e90d18,          
  2567.                 -1px -1px 1px #e90d18,         
  2568.                  1px -1px 1px #e90d18,         
  2569.                  0px 0px 3px #e90d18;          
  2570.         display:block;         
  2571.         position: absolute;        
  2572.         animation: upvote 2.5s ease-out;           
  2573.         -webkit-animation: upvote 2.5s ease-out;           
  2574.         opacity:0;         
  2575.         z-index:9001;          
  2576.     }          
  2577.     @keyframes upvote          
  2578.     {          
  2579.         0% {margin-top:0px;opacity:1;}         
  2580.         25%{opacity:1;}        
  2581.         100% {margin-top:-80px;opacity:0;}         
  2582.     }          
  2583.     @-webkit-keyframes upvote          
  2584.     {          
  2585.         0% {margin-top:0px;opacity:1;}         
  2586.         25%{opacity:1;}        
  2587.         100% {margin-top:-80px;opacity:0;}         
  2588.     }
  2589.  
  2590.  
  2591.  
  2592.  
  2593. /* Oh no, she's at the bottom of that bottle, hey hey hey
  2594.  
  2595.  
  2596.  
  2597.  
  2598. * {
  2599.     font-family: monospace !important;
  2600.     color: lime !important;
  2601.     background-color: #000 !important;
  2602.     content: "POTATOES"!important;
  2603. }
  2604.  
  2605.  
  2606. .commentarea .comment,
  2607. .commentarea .comment .comment .comment,
  2608. .commentarea .comment .comment .comment .comment .comment,
  2609. .commentarea .comment .comment .comment .comment .comment .comment .comment,
  2610. .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment,
  2611. .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  2612.     content: "POTATOES"!important;
  2613.     background: black!important;
  2614. }
  2615.  
  2616.  
  2617.  
  2618. .link .title .domain { display: none!important } 7*/
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!