Ignbaltasevicius

CSS code: Lounge

Jun 13th, 2020
62
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import url("https://fonts.googleapis.com/css?family=Vibur&display=swap");
  2. @import url("https://fonts.googleapis.com/css?family=Ubuntu&display=swap");
  3.  
  4.  
  5. html {
  6. background: #13181C !important;
  7. width: 100%;
  8. height: 100%;
  9. background: -o-linear-gradient(135deg, #191919, #222);
  10. background: linear-gradient(-45deg, #191919, #222);
  11. -webkit-animation: pageAnimation 10s ease 1;
  12. animation: pageAnimation 10s ease 1;
  13. background-image: url("https://www.dropbox.com/s/2ct0i6kc61vp0bh/wall.jpg?raw=1") !important;
  14. }
  15.  
  16. body {
  17. background: none;
  18. max-width: 975px;
  19. margin: 0 auto;
  20. position: absolute;
  21. top: 10px;
  22. right: 10px;
  23. bottom: 10px;
  24. left: 10px;
  25. height: -webkit-fit-content;
  26. height: -moz-fit-content;
  27. height: fit-content;
  28. background-size: 400%;
  29. }
  30.  
  31. a {
  32. color: #1F7DE1;
  33. }
  34.  
  35. span, b {
  36. color: #1F7DE1;
  37. }
  38.  
  39. * {
  40. font-weight: 100;
  41. color: #1F7DE1;
  42. font-family: "Ubuntu", sans-serif !important;
  43. }
  44.  
  45. h4 {
  46. color: #444;
  47. }
  48.  
  49. #header {
  50. border-radius: 8px 8px 0 0;
  51. }
  52.  
  53. #header, #hSub {
  54. background: #212121 !important;
  55. padding: 6px !important;
  56. background: #1b1b1b !important;
  57. border-bottom: 1px solid #242424 !important;
  58. position: absolute !important;
  59. width: calc(100% - 12px ) !important;
  60. }
  61.  
  62.  
  63. .topRight {
  64. margin-top: 20px;
  65. }
  66.  
  67.  
  68. #hSub {
  69. background: -o-linear-gradient(45deg, #1f6f92bb, #113fb933) !important;
  70. background: linear-gradient(45deg, #1f6f92bb, #113fb933) !important;
  71. color: #fff !important;
  72. border-radius: 3px !important;
  73. padding: 7px !important;
  74. -webkit-box-shadow: 0 0px 33px 1px #000;
  75. box-shadow: 0 0px 33px 1px #000;
  76. -webkit-animation: bgAnimation 6s ease infinite;
  77. animation: bgAnimation 6s ease infinite;
  78. background-size: 400% !important;
  79. }
  80.  
  81. .boxHead, .rightHead {
  82. color: #fff;
  83. background: none;
  84. border-radius: 3px;
  85. padding: 3px;
  86. }
  87.  
  88. .boxButton {
  89. color: #333;
  90. }
  91.  
  92. .fwiendCount {
  93. color: #666;
  94. }
  95.  
  96. #userWall * {
  97. background: none;
  98. }
  99.  
  100. #commentInput {
  101. background: #222;
  102. border: 1px solid #333;
  103. }
  104.  
  105.  
  106. #avatar {
  107. display: none;
  108. }
  109.  
  110. #name {
  111. font-size: 80px;
  112. line-height: 80px;
  113. margin: 40px 0;
  114. color: #c6e2ff;
  115. -webkit-animation: neon .08s ease-in-out infinite alternate;
  116. animation: neon .08s ease-in-out infinite alternate;
  117. font-family: "Vibur", cursive !important;
  118. height: 180px !important;
  119. width: 250px !important;
  120. }
  121.  
  122. #name:after {
  123. content: "'s Lounge";
  124. -webkit-animation: spell 5s ease-in-out infinite;
  125. animation: spell 5s ease-in-out infinite;
  126. }
  127.  
  128. .blurbs, #top, #box, .box, #header, #hSub, .player.box {
  129. padding: 10px;
  130. box-shadow: 1px 0 #000,0 1px #000,1px 1px #000,inset 1px 1px #fff,0 0 150px 1px rgba(255,0,255,.5);
  131. -webkit-box-shadow: 1px 0 #000, 0 1px #000, 1px 1px #000, inset 1px 1px #222;
  132. box-shadow: 1px 0 #000, 0 1px #000, 1px 1px #000, inset 1px 1px #222;
  133. background: #19191966;
  134. color: #000;
  135. border-radius: 3px !important;
  136. margin-bottom: 7px !important;
  137. }
  138.  
  139.  
  140. @-webkit-keyframes neon {
  141. from {
  142. text-shadow:
  143. 0 0 6px rgba(202,228,225,0.92),
  144. 0 0 30px rgba(202,228,225,0.34),
  145. 0 0 12px rgba(30,132,242,0.52),
  146. 0 0 21px rgba(30,132,242,0.92),
  147. 0 0 34px rgba(30,132,242,0.78),
  148. 0 0 54px rgba(30,132,242,0.92);
  149. }
  150. to {
  151. text-shadow:
  152. 0 0 6px rgba(202,228,225,0.98),
  153. 0 0 30px rgba(202,228,225,0.42),
  154. 0 0 12px rgba(30,132,242,0.58),
  155. 0 0 22px rgba(30,132,242,0.84),
  156. 0 0 38px rgba(30,132,242,0.88),
  157. 0 0 60px rgba(30,132,242,1);
  158. }
  159. }
  160.  
  161.  
  162. @keyframes neon {
  163. from {
  164. text-shadow:
  165. 0 0 6px rgba(202,228,225,0.92),
  166. 0 0 30px rgba(202,228,225,0.34),
  167. 0 0 12px rgba(30,132,242,0.52),
  168. 0 0 21px rgba(30,132,242,0.92),
  169. 0 0 34px rgba(30,132,242,0.78),
  170. 0 0 54px rgba(30,132,242,0.92);
  171. }
  172. to {
  173. text-shadow:
  174. 0 0 6px rgba(202,228,225,0.98),
  175. 0 0 30px rgba(202,228,225,0.42),
  176. 0 0 12px rgba(30,132,242,0.58),
  177. 0 0 22px rgba(30,132,242,0.84),
  178. 0 0 38px rgba(30,132,242,0.88),
  179. 0 0 60px rgba(30,132,242,1);
  180. }
  181. }
  182.  
  183. @-webkit-keyframes spell {
  184. 0% {
  185. content: "";
  186. }
  187. 5% {
  188. content: "'";
  189. }
  190. 10% {
  191. content: "'s";
  192. }
  193. 15% {
  194. content: "'s L";
  195. }
  196. 20% {
  197. content: "'s Lo";
  198. }
  199. 25% {
  200. content: "'s Lou";
  201. }
  202. 30% {
  203. content: "'s Loun";
  204. }
  205. 35% {
  206. content: "'s Loung";
  207. }
  208. 40%, 100% {
  209. content: "'s Lounge";
  210. }
  211. }
  212.  
  213. @keyframes spell {
  214. 0% {
  215. content: "";
  216. }
  217. 5% {
  218. content: "'";
  219. }
  220. 10% {
  221. content: "'s";
  222. }
  223. 15% {
  224. content: "'s L";
  225. }
  226. 20% {
  227. content: "'s Lo";
  228. }
  229. 25% {
  230. content: "'s Lou";
  231. }
  232. 30% {
  233. content: "'s Loun";
  234. }
  235. 35% {
  236. content: "'s Loung";
  237. }
  238. 40%, 100% {
  239. content: "'s Lounge";
  240. }
  241. }
RAW Paste Data