Advertisement
Guest User

Untitled

a guest
Apr 22nd, 2019
104
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.15 KB | None | 0 0
  1. @import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:700i");
  2. * {
  3. margin: 0;
  4. padding: 0;
  5. }
  6. .widget-AlertBox,
  7. #wrap {
  8. position: relative;
  9. }
  10. html,
  11. body,
  12. #wrap {
  13. width: 100%;
  14. height: 100%;
  15. overflow: hidden;
  16. }
  17. #alert-user-message > img {
  18. height: 1em;
  19. vertical-align: middle;
  20. }
  21. .bit.bit-1 {
  22. color: #585858;
  23. }
  24. .bit.bit-bg-1 {
  25. background-color: #585858;
  26. }
  27. .bit.bit-100 {
  28. color: #c782f7;
  29. }
  30. .bit.bit-bg-100 {
  31. background-color: #c782f7;
  32. }
  33. .bit.bit-1000 {
  34. color: #4cd5b3;
  35. }
  36. .bit.bit-bg-1000 {
  37. background-color: #4cd5b3;
  38. }
  39. .bit.bit-5000 {
  40. color: #51acf7;
  41. }
  42. .bit.bit-bg-5000 {
  43. background-color: #51acf7;
  44. }
  45. .bit.bit-10000 {
  46. color: #fc3336;
  47. }
  48. .bit.bit-bg-10000 {
  49. background-color: #fc3336;
  50. }
  51. .bit.bit-100000 {
  52. color: #f7b000;
  53. }
  54. .bit.bit-bg-100000 {
  55. background-color: #f7b000;
  56. }
  57. #wrap {
  58. display: -webkit-box !important;
  59. display: -ms-flexbox !important;
  60. display: flex !important;
  61. -webkit-box-align: center;
  62. -ms-flex-align: center;
  63. align-items: center;
  64. -webkit-box-pack: center;
  65. -ms-flex-pack: center;
  66. justify-content: center;
  67. }
  68. .messages {
  69. text-align: center;
  70. margin: 0 auto;
  71. max-width: 400px;
  72. color: {mainTextColor};
  73. font-family: "Roboto Condensed", sans-serif;
  74. padding: 18px 27px 27px 27px;
  75. font-weight: bold;
  76. position: relative;
  77. font-style: italic;
  78. }
  79. .messages::before {
  80. content: '';
  81. position: absolute;
  82. top: 0;
  83. right: 0;
  84. bottom: 0;
  85. left: 0;
  86. background: rgba(56,231,250,0.95);
  87. outline: 1px #38e7fa;
  88. outline-offset: -1px;
  89. -webkit-transform: skewX(-10deg);
  90. transform: skewX(-10deg);
  91. }
  92. .messages::before {
  93. border-radius: 8px;
  94. }
  95. .messages > * {
  96. z-index: 1;
  97. position: relative;
  98. }
  99. #big {
  100. font-size: 44.1px;
  101. line-height: 1.3em;
  102. }
  103. #big img {
  104. height: 1em;
  105. vertical-align: middle;
  106. }
  107. #small {
  108. font-size: 22.5px;
  109. line-height: 1.3em;
  110. }
  111. #additional1,
  112. #additional2 {
  113. font-size: 18px;
  114. line-height: 1.3em;
  115. }
  116. #message {
  117. font-size: 14px;
  118. line-height: 1.3em;
  119. }
  120. #alert-message,
  121. #alert-user-message {
  122. display: none !important;
  123. }
  124. #footer {
  125. position: absolute;
  126. bottom: 0;
  127. left: 0;
  128. right: 0;
  129. }
  130. #footer > #name-container {
  131. color: {nameTextColor};
  132. font-style: italic;
  133. display: inline-block;
  134. position: relative;
  135. -webkit-transform: translateY(50%);
  136. transform: translateY(50%);
  137. }
  138. #footer > #name-container::before {
  139. content: '';
  140. position: absolute;
  141. top: 0;
  142. right: 0;
  143. bottom: 0;
  144. left: 0;
  145. background: rgba(255,164,30,0.9);
  146. -webkit-transform: skewX(-10deg);
  147. transform: skewX(-10deg);
  148. }
  149. #footer > #name-container::before {
  150. border-radius: 6px;
  151. }
  152. #footer > #name-container #name {
  153. font-size: 18px;
  154. position: relative;
  155. z-index: 1;
  156. padding: 7.2px 9px;
  157. }
  158. .bit {
  159. text-shadow: 0 0 5px rgba(0,0,0,0.75);
  160. }
  161. .bit.bit-1 {
  162. color: #ababab;
  163. }
  164. .bit.bit-100 {
  165. color: #bf70f6;
  166. }
  167. .bit.bit-1000 {
  168. color: #40d2ae;
  169. }
  170. .bit.bit-5000 {
  171. color: #41a5f6;
  172. }
  173. .bit.bit-10000 {
  174. color: #fc2427;
  175. }
  176. .bit.bit-100000 {
  177. color: #eba700;
  178. }
  179. .bit.bit-10000 {
  180. color: #e84749;
  181. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement