CSS   27
upvote css
Guest on 2nd February 2023 02:20:08 PM


  1. div.upvotejs {
  2.   text-align: center;
  3. }
  4.  
  5. div.upvotejs a {
  6.   cursor: default;
  7.   color: transparent;
  8.   background-image: url('upvotejs.svg?v=1');
  9.   background-repeat: no-repeat;
  10.   overflow: hidden;
  11.   display: block;
  12.   margin: 0 auto;
  13.   margin-bottom: 2px;
  14.   width: 40px;
  15.   height: 30px;
  16. }
  17.  
  18. div.upvotejs-enabled a {
  19.   cursor: pointer;
  20. }
  21.  
  22. div.upvotejs span.count {
  23.   display: block;
  24.   text-align: center;
  25.   font-size: 20px;
  26.   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  27.   color: #6a737c;
  28.   margin: 8px 0;
  29. }
  30.  
  31. div.upvotejs a.upvote {
  32.   background-position: 0px -170px;
  33. }
  34.  
  35. div.upvotejs a.upvote.upvote-on {
  36.   background-position: -40px -170px;
  37. }
  38.  
  39. div.upvotejs a.downvote {
  40.   background-position: 0px -220px;
  41. }
  42.  
  43. div.upvotejs a.downvote.downvote-on {
  44.   background-position: -40px -220px;
  45. }
  46.  
  47. div.upvotejs a.star {
  48.   background-position: 0px -120px;
  49. }
  50.  
  51. div.upvotejs a.star.star-on {
  52.   background-position: -40px -120px;
  53. }
  54.  
  55. div.upvotejs-unix a.upvote.upvote-on, div.upvotejs-unix a.downvote-on {
  56.   filter: invert(.5) sepia(1) hue-rotate(165.7518582deg)  saturate(3.8235864)  hue-rotate(-0.81675376deg)  brightness(.47739161);
  57. }
  58.  
  59. div.upvotejs-serverfault a.upvote.upvote-on, div.upvotejs-serverfault a.downvote-on {
  60.   filter: invert(.5) sepia(1) hue-rotate(315.5792014deg) saturate(7.91709017) hue-rotate(346.04745219deg) brightness(.57640233);
  61. }
  62.  
  63. div.upvotejs-superuser a.upvote.upvote-on, div.upvotejs-superuser a.downvote-on {
  64.   filter: invert(.5) sepia(1) hue-rotate(159.50943396deg) saturate(2.94246645) hue-rotate(-4.96258652deg) brightness(.925639);
  65. }
Raw Paste

Login or Register to edit or fork this paste. It's free.