SHARE
TWEET

Untitled

a guest May 22nd, 2019 47 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2.  
  3.  
  4. @import url('https://fonts.googleapis.com/css?family=Press+Start+2P');
  5.  
  6. /** Полоса доната */
  7. .dg-bar {
  8.   border-radius: 1rem;
  9.   background: rgba(0, 0, 0, 0) !important;
  10.   border: none !important;
  11.   overflow: visible !important;
  12.   box-shadow: none !important;
  13. }
  14.  
  15. /** Контейнер */
  16. .dg-bar-container {
  17.   padding: 10px 0 !important;
  18. }
  19.  
  20. /** Финиш */
  21.  
  22. .dg-bar:after {
  23.   content: '';
  24.   background: url('http://i51.mindmix.ru/46/69/356946/64/8349064/tumblr_n6edbarXGk1snc5kxo1_500.gif') 100% 100% no-repeat;
  25.   background-size: cover;
  26.   width: 3rem;
  27.   height: 3rem;
  28.   position: absolute;
  29.   z-index: -1;
  30.   top: -0rem;
  31.   right: 0.7rem;
  32.   animation: goal 30s infinite linear;
  33. }
  34.  
  35. /** Анимации */
  36. @keyframes rainbow {
  37.   0% {
  38.     background-position-x: 11.5rem;
  39.   }
  40.   100% {
  41.     background-position-x: 0rem;
  42.   }
  43. }
  44.  
  45. @keyframes player {
  46.   0% {
  47.     background-position-y: -0.5rem;
  48.   }
  49.   50% {
  50.     background-position-y: -0.1rem;
  51.   }
  52.   100% {
  53.     background-position-y: -0.5rem;
  54.   }
  55. }
  56.  
  57. @keyframes goal {
  58.   0%, 2%, 4%, 100% {
  59.     margin-top: -0.1rem;
  60.   }
  61.   1%, 3% {
  62.     margin-top: 0.1rem;
  63.   }
  64. }
  65.  
  66. /** Полоса прогресса */
  67. .dg-bar-line {
  68.   background: none !important;
  69.   border: none !important;
  70.   overflow: visible !important;
  71.   margin-top: -0.5rem;
  72.   height: calc(100% + 1rem) !important;
  73. }
  74.  
  75. .dg-bar-line:before {
  76.   content: '';
  77.   background: url('http://klybok.net/streamer/cat.png');
  78.   background-repeat: repeat-x;
  79.   background-size: 11.5rem 2.9rem !important;
  80.  
  81.   position: absolute;
  82.   left: 0;
  83.   right: 0;
  84.   top: 0.2rem;
  85.   bottom: 0;
  86.  
  87.   animation: rainbow 3s infinite linear;
  88. }
  89.  
  90. /** Персонаж */
  91. .dg-bar-line:after {
  92.   content: '';
  93.   background: url('http://www.pngall.com/wp-content/uploads/2016/06/Nyan-Cat-Transparent.png') 100% 100% no-repeat;
  94.   background-size: cover;
  95.   width: 6.4rem;
  96.   height: 4.2rem;
  97.   position: absolute;
  98.   z-index: 3;
  99.   top: -0.4rem;
  100.   right: -2.5rem;
  101.   animation: player 1.3s infinite linear;
  102. }
  103.  
  104. .plain-text {
  105.   color: #fb8527 !important;
  106. }
  107.  
  108. .dg-bar-text {
  109.   color: #fff !important;
  110.   text-shadow: 2px 2px 0 black !important;
  111.   position: absolute;
  112.   z-index: 5;
  113.   margin-bottom: -6rem;
  114. }
  115.  
  116. .dg-title {
  117.   margin-bottom: 0.3rem;
  118. }
  119.  
  120. /** Шрифт */
  121.  
  122. * {
  123.   font-family: 'Press Start 2P', cursive !important;
  124. }
  125.  
  126. .dg-title {
  127.   font-size: 1.1rem !important;
  128.   font-weight: 100 !important;
  129.   word-spacing: -0.6rem !important;
  130. }
  131.  
  132. .dg-bar-text {
  133.   font-size: 1rem !important;
  134.   word-spacing: -0.6rem !important;
  135.   text-align: left !important;
  136.   padding-left: 10px;
  137. }
  138.  
  139. .right.plain-text{
  140.   margin-top: 0.4rem;
  141.   font-size: 0.9rem !important;
  142.   word-spacing: -0.6rem !important;
  143. }
  144.  
  145. .left.plain-text {
  146.   display: none !important;;
  147. }
RAW Paste Data
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
 
Top