API tools faq
paste
Advertisement
HK71

Shikimori user's franchise achievements page css

HK71
Nov 15th, 2018
258
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.23 KB | None | 0 0
raw download clone embed print report
  1. .p-profiles .b-badge:before {
  2.    content: attr(original-title);
  3.    display: block;
  4.    height: 10px;
  5.    padding-top: 10px;
  6.    padding-left: 3px;
  7.    white-space: nowrap;
  8.    text-overflow: clip;
  9.    overflow: hidden;
  10.    color: white;
  11.    background-color: green;
  12. }
  13. .b-badge[data-progress] { box-shadow: 2px 2px 1px 0px white }
  14. .b-badge[data-progress^='1']:not([data-progress='1']) { box-shadow: 2px 2px 1px 0px ghostwhite }
  15. .b-badge[data-progress^='2']:not([data-progress='2']) { box-shadow: 2px 2px 1px 0px whitesmoke }
  16. .b-badge[data-progress^='3']:not([data-progress='3']) { box-shadow: 2px 2px 1px 0px gainsboro }
  17. .b-badge[data-progress^='4']:not([data-progress='4']) { box-shadow: 2px 2px 1px 0px lightgray }
  18. .b-badge[data-progress^='5']:not([data-progress='5']) { box-shadow: 2px 2px 1px 0px silver }
  19. .b-badge[data-progress^='6']:not([data-progress='6']) { box-shadow: 2px 2px 1px 0px darkgray }
  20. .b-badge[data-progress^='7']:not([data-progress='7']) { box-shadow: 2px 2px 1px 0px gray }
  21. .b-badge[data-progress^='8']:not([data-progress='8']) { box-shadow: 2px 2px 1px 0px dimgray }
  22. .b-badge[data-progress^='9']:not([data-progress='9']) { box-shadow: 2px 2px 1px 0px black }
  23. .b-badge[data-progress='100'] { box-shadow: 2px 2px 1px 0px darkgreen !important; }
  24. /*
  25. body > .tipsy {
  26.    visibility: hidden !important;
  27. }
  28. */
  29. .b-badge[data-progress='0']:before { background: linear-gradient(to right, black 0%, gray 0); }
  30. .b-badge[data-progress='1']:before { background: linear-gradient(to right, black 1%, gray 0); }
  31. .b-badge[data-progress='2']:before { background: linear-gradient(to right, black 2%, gray 0); }
  32. .b-badge[data-progress='3']:before { background: linear-gradient(to right, black 3%, gray 0); }
  33. .b-badge[data-progress='4']:before { background: linear-gradient(to right, black 4%, gray 0); }
  34. .b-badge[data-progress='5']:before { background: linear-gradient(to right, black 5%, gray 0); }
  35. .b-badge[data-progress='6']:before { background: linear-gradient(to right, black 6%, gray 0); }
  36. .b-badge[data-progress='7']:before { background: linear-gradient(to right, black 7%, gray 0); }
  37. .b-badge[data-progress='8']:before { background: linear-gradient(to right, black 8%, gray 0); }
  38. .b-badge[data-progress='9']:before { background: linear-gradient(to right, black 9%, gray 0); }
  39. .b-badge[data-progress='10']:before { background: linear-gradient(to right, black 10%, gray 0); }
  40. .b-badge[data-progress='11']:before { background: linear-gradient(to right, black 11%, gray 0); }
  41. .b-badge[data-progress='12']:before { background: linear-gradient(to right, black 12%, gray 0); }
  42. .b-badge[data-progress='13']:before { background: linear-gradient(to right, black 13%, gray 0); }
  43. .b-badge[data-progress='14']:before { background: linear-gradient(to right, black 14%, gray 0); }
  44. .b-badge[data-progress='15']:before { background: linear-gradient(to right, black 15%, gray 0); }
  45. .b-badge[data-progress='16']:before { background: linear-gradient(to right, black 16%, gray 0); }
  46. .b-badge[data-progress='17']:before { background: linear-gradient(to right, black 17%, gray 0); }
  47. .b-badge[data-progress='18']:before { background: linear-gradient(to right, black 18%, gray 0); }
  48. .b-badge[data-progress='19']:before { background: linear-gradient(to right, black 19%, gray 0); }
  49. .b-badge[data-progress='20']:before { background: linear-gradient(to right, black 20%, gray 0); }
  50. .b-badge[data-progress='21']:before { background: linear-gradient(to right, black 21%, gray 0); }
  51. .b-badge[data-progress='22']:before { background: linear-gradient(to right, black 22%, gray 0); }
  52. .b-badge[data-progress='23']:before { background: linear-gradient(to right, black 23%, gray 0); }
  53. .b-badge[data-progress='24']:before { background: linear-gradient(to right, black 24%, gray 0); }
  54. .b-badge[data-progress='25']:before { background: linear-gradient(to right, black 25%, gray 0); }
  55. .b-badge[data-progress='26']:before { background: linear-gradient(to right, black 26%, gray 0); }
  56. .b-badge[data-progress='27']:before { background: linear-gradient(to right, black 27%, gray 0); }
  57. .b-badge[data-progress='28']:before { background: linear-gradient(to right, black 28%, gray 0); }
  58. .b-badge[data-progress='29']:before { background: linear-gradient(to right, black 29%, gray 0); }
  59. .b-badge[data-progress='30']:before { background: linear-gradient(to right, black 30%, gray 0); }
  60. .b-badge[data-progress='31']:before { background: linear-gradient(to right, black 31%, gray 0); }
  61. .b-badge[data-progress='32']:before { background: linear-gradient(to right, black 32%, gray 0); }
  62. .b-badge[data-progress='33']:before { background: linear-gradient(to right, black 33%, gray 0); }
  63. .b-badge[data-progress='34']:before { background: linear-gradient(to right, black 34%, gray 0); }
  64. .b-badge[data-progress='35']:before { background: linear-gradient(to right, black 35%, gray 0); }
  65. .b-badge[data-progress='36']:before { background: linear-gradient(to right, black 36%, gray 0); }
  66. .b-badge[data-progress='37']:before { background: linear-gradient(to right, black 37%, gray 0); }
  67. .b-badge[data-progress='38']:before { background: linear-gradient(to right, black 38%, gray 0); }
  68. .b-badge[data-progress='39']:before { background: linear-gradient(to right, black 39%, gray 0); }
  69. .b-badge[data-progress='40']:before { background: linear-gradient(to right, black 40%, gray 0); }
  70. .b-badge[data-progress='41']:before { background: linear-gradient(to right, black 41%, gray 0); }
  71. .b-badge[data-progress='42']:before { background: linear-gradient(to right, black 42%, gray 0); }
  72. .b-badge[data-progress='43']:before { background: linear-gradient(to right, black 43%, gray 0); }
  73. .b-badge[data-progress='44']:before { background: linear-gradient(to right, black 44%, gray 0); }
  74. .b-badge[data-progress='45']:before { background: linear-gradient(to right, black 45%, gray 0); }
  75. .b-badge[data-progress='46']:before { background: linear-gradient(to right, black 46%, gray 0); }
  76. .b-badge[data-progress='47']:before { background: linear-gradient(to right, black 47%, gray 0); }
  77. .b-badge[data-progress='48']:before { background: linear-gradient(to right, black 48%, gray 0); }
  78. .b-badge[data-progress='49']:before { background: linear-gradient(to right, black 49%, gray 0); }
  79. .b-badge[data-progress='50']:before { background: linear-gradient(to right, black 50%, gray 0); }
  80. .b-badge[data-progress='51']:before { background: linear-gradient(to right, black 51%, gray 0); }
  81. .b-badge[data-progress='52']:before { background: linear-gradient(to right, black 52%, gray 0); }
  82. .b-badge[data-progress='53']:before { background: linear-gradient(to right, black 53%, gray 0); }
  83. .b-badge[data-progress='54']:before { background: linear-gradient(to right, black 54%, gray 0); }
  84. .b-badge[data-progress='55']:before { background: linear-gradient(to right, black 55%, gray 0); }
  85. .b-badge[data-progress='56']:before { background: linear-gradient(to right, black 56%, gray 0); }
  86. .b-badge[data-progress='57']:before { background: linear-gradient(to right, black 57%, gray 0); }
  87. .b-badge[data-progress='58']:before { background: linear-gradient(to right, black 58%, gray 0); }
  88. .b-badge[data-progress='59']:before { background: linear-gradient(to right, black 59%, gray 0); }
  89. .b-badge[data-progress='60']:before { background: linear-gradient(to right, black 60%, gray 0); }
  90. .b-badge[data-progress='61']:before { background: linear-gradient(to right, black 61%, gray 0); }
  91. .b-badge[data-progress='62']:before { background: linear-gradient(to right, black 62%, gray 0); }
  92. .b-badge[data-progress='63']:before { background: linear-gradient(to right, black 63%, gray 0); }
  93. .b-badge[data-progress='64']:before { background: linear-gradient(to right, black 64%, gray 0); }
  94. .b-badge[data-progress='65']:before { background: linear-gradient(to right, black 65%, gray 0); }
  95. .b-badge[data-progress='66']:before { background: linear-gradient(to right, black 66%, gray 0); }
  96. .b-badge[data-progress='67']:before { background: linear-gradient(to right, black 67%, gray 0); }
  97. .b-badge[data-progress='68']:before { background: linear-gradient(to right, black 68%, gray 0); }
  98. .b-badge[data-progress='69']:before { background: linear-gradient(to right, black 69%, gray 0); }
  99. .b-badge[data-progress='70']:before { background: linear-gradient(to right, black 70%, gray 0); }
  100. .b-badge[data-progress='71']:before { background: linear-gradient(to right, black 71%, gray 0); }
  101. .b-badge[data-progress='72']:before { background: linear-gradient(to right, black 72%, gray 0); }
  102. .b-badge[data-progress='73']:before { background: linear-gradient(to right, black 73%, gray 0); }
  103. .b-badge[data-progress='74']:before { background: linear-gradient(to right, black 74%, gray 0); }
  104. .b-badge[data-progress='75']:before { background: linear-gradient(to right, black 75%, gray 0); }
  105. .b-badge[data-progress='76']:before { background: linear-gradient(to right, black 76%, gray 0); }
  106. .b-badge[data-progress='77']:before { background: linear-gradient(to right, black 77%, gray 0); }
  107. .b-badge[data-progress='78']:before { background: linear-gradient(to right, black 78%, gray 0); }
  108. .b-badge[data-progress='79']:before { background: linear-gradient(to right, black 79%, gray 0); }
  109. .b-badge[data-progress='80']:before { background: linear-gradient(to right, black 80%, gray 0); }
  110. .b-badge[data-progress='81']:before { background: linear-gradient(to right, black 81%, gray 0); }
  111. .b-badge[data-progress='82']:before { background: linear-gradient(to right, black 82%, gray 0); }
  112. .b-badge[data-progress='83']:before { background: linear-gradient(to right, black 83%, gray 0); }
  113. .b-badge[data-progress='84']:before { background: linear-gradient(to right, black 84%, gray 0); }
  114. .b-badge[data-progress='85']:before { background: linear-gradient(to right, black 85%, gray 0); }
  115. .b-badge[data-progress='86']:before { background: linear-gradient(to right, black 86%, gray 0); }
  116. .b-badge[data-progress='87']:before { background: linear-gradient(to right, black 87%, gray 0); }
  117. .b-badge[data-progress='88']:before { background: linear-gradient(to right, black 88%, gray 0); }
  118. .b-badge[data-progress='89']:before { background: linear-gradient(to right, black 89%, gray 0); }
  119. .b-badge[data-progress='90']:before { background: linear-gradient(to right, black 90%, gray 0); }
  120. .b-badge[data-progress='91']:before { background: linear-gradient(to right, black 91%, gray 0); }
  121. .b-badge[data-progress='92']:before { background: linear-gradient(to right, black 92%, gray 0); }
  122. .b-badge[data-progress='93']:before { background: linear-gradient(to right, black 93%, gray 0); }
  123. .b-badge[data-progress='94']:before { background: linear-gradient(to right, black 94%, gray 0); }
  124. .b-badge[data-progress='95']:before { background: linear-gradient(to right, black 95%, gray 0); }
  125. .b-badge[data-progress='96']:before { background: linear-gradient(to right, black 96%, gray 0); }
  126. .b-badge[data-progress='97']:before { background: linear-gradient(to right, black 97%, gray 0); }
  127. .b-badge[data-progress='98']:before { background: linear-gradient(to right, black 98%, gray 0); }
  128. .b-badge[data-progress='99']:before { background: linear-gradient(to right, black 99%, gray 0); }
  129.  
  130. .p-profiles .b-badge:after {
  131.    position: absolute;
  132.    bottom: 10px;
  133.    right: 5px;
  134.    font-family: 'comic sans ms';
  135.    font-weight: bold;
  136.    color: white;
  137.    text-shadow: 0px 0px 3px black, -1px -1px 2px black, 1px 1px 1px black;
  138.    content: attr(data-progress) '%';
  139. }
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!