Advertisement
Guest User

Untitled

a guest
Dec 16th, 2017
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.20 KB | None | 0 0
  1. <style type="text/css">
  2. @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700|Rubik:300,300i,400,500i,700i,900i|Work+Sans:300,400,500,900');
  3. /*
  4. font-family: 'Work Sans', sans-serif;
  5. font-family: 'Libre Baskerville', serif;
  6. font-family: 'Rubik', sans-serif;
  7. */
  8. body{
  9. background: #000;
  10. -webkit-font-smoothing:antialiased;
  11. }
  12. body, a, a:hover{
  13.  
  14. }
  15. ::-webkit-scrollbar-thumb:vertical {
  16. background: transparent; width: 0px;
  17. }
  18. ::-webkit-scrollbar {
  19. background:transparent; width: 0px;
  20. }
  21. ::selection {
  22. color: #fff;
  23. }
  24. ::-moz-selection {
  25. color: #fff;
  26. }
  27.  
  28. .main-title{
  29. position: fixed;
  30. margin: auto;
  31. top: 0; bottom: 0; left: 0; right: 0;
  32. line-height: 200px; width: 500px; height: 200px;
  33. font-size: 190px;
  34. text-align: center;
  35. font-family: 'Libre Baskerville', serif;
  36. color: #fff;
  37. letter-spacing: 5px;
  38. word-spacing: 0px;
  39. text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff;
  40. transition: .9s linear;
  41. opacity: 1; visibility: visible;
  42. animation-duration: .1s;
  43. animation-name: change2;
  44. animation-iteration-count: infinite;
  45. animation-fill-mode: forwards;
  46. }
  47. @keyframes change2 {
  48. 0%{
  49. text-shadow: 1px 1px 1px #fff, -10px -60px 1px #fff, -2px 40px 1px #fff, 3px 0px 1px #fff;
  50. }
  51. 50%{
  52. transform: scale(1,1);
  53. text-shadow: 4px -40px 1px #fff, -40px -40px 1px #fff, -100px 290px 1px #fff, 30px 300px 1px #fff;
  54. }
  55. 100%{
  56. transform: scale(10,10);
  57. text-shadow: -50px -55px 1px #fff, -115px 159px 1px #fff, -240px -400px 1px #fff, -20px 60px 1px #fff;
  58. }}
  59.  
  60. .help{
  61. position: fixed;
  62. margin: auto;
  63. top: -100; bottom: 0; left: 0; right: -480;
  64. line-height: 200px; width: 500px; height: 200px;
  65. font-size: 100px;
  66. text-align: center;
  67. font-family: 'Libre Baskerville', serif;
  68. color: #fff;
  69. letter-spacing: 5px;
  70. word-spacing: 0px;
  71. text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff;
  72. transition: .9s linear;
  73. opacity: 1; visibility: visible;
  74. animation-delay: 6s;
  75. animation-duration: .1s;
  76. animation-name: change2;
  77. animation-iteration-count: infinite;
  78. animation-fill-mode: forwards;
  79. }
  80. .helo{
  81. position: fixed;
  82. margin: auto;
  83. top: 0; bottom: -400; left: -800; right: 0;
  84. line-height: 200px; width: 500px; height: 200px;
  85. font-size: 90px;
  86. text-align: center;
  87. font-family: 'Libre Baskerville', serif;
  88. color: #fff;
  89. letter-spacing: 5px;
  90. word-spacing: 0px;
  91. text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff;
  92. transition: .9s linear;
  93. opacity: 1; visibility: visible;
  94. animation-delay: 8s;
  95. animation-duration: .1s;
  96. animation-name: change2;
  97. animation-iteration-count: infinite;
  98. animation-fill-mode: forwards;
  99. }
  100.  
  101. .warning{
  102. position: fixed; margin: auto;
  103. height: 100%; width: 100%;
  104. background: #000;
  105. top: 0; bottom: 0; left: 0; right: 0;
  106. opacity: 1; visibility: visible;
  107. animation-delay: 8s;
  108. animation-duration: 1s;
  109. animation-name: change3;
  110. animation-iteration-count: 1;
  111. animation-fill-mode: forwards;
  112. }
  113. @keyframes change3 {
  114. 0%{
  115. opacity: 1; visibility: visible;
  116. }
  117. 100%{
  118. opacity: 0; visibility: hidden;
  119. }}
  120. .disclaimer{
  121. top: 0; bottom: 0; left: 0; right: 0;
  122. position: fixed; margin: auto;
  123. height: 100px; width: 112px;
  124. line-height: 12px;
  125. font-family: 'Work Sans', sans-serif;
  126. font-size: 10px;
  127. color: #fff;
  128. text-align: justify;
  129. }
  130.  
  131. .leo{
  132. position: fixed;
  133. margin: auto;
  134. top: 0; bottom: 0; left: 0; right: 0;
  135. height: 100%; width: 100%;
  136. opacity: 0; visibility: hidden;
  137. background: #fff;
  138. transition: .9s linear;
  139. }
  140. .leo:target{
  141. opacity: 1; visibility: visible;
  142. transition: .9s linear;
  143. }
  144.  
  145.  
  146. .leoo{
  147. top: 0; bottom: 0; left: 0; right: 0;
  148. position: fixed; margin: auto;
  149. height: 100px; width: 112px;
  150. line-height: 100px;
  151. font-family: 'Libre Baskerville', serif;
  152. font-size: 50px;
  153. color: #333;
  154. text-align: justify;
  155. }
  156.  
  157.  
  158.  
  159.  
  160.  
  161.  
  162.  
  163. #no{position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;}
  164.  
  165. </style>
  166. <div id="no" oncontextmenu="return false;">
  167. <a href="#godforgiveme">
  168. <div class="helo">helo</div>
  169. <div class="help">help me</div>
  170. <div class="main-title">:^)</div>
  171. </div>
  172. </a>
  173. <div class="leo" id="godforgiveme">
  174. <div class="leoo">leo</div>
  175. </div>
  176.  
  177. <div class="warning">
  178. <div class="disclaimer">
  179. <b style="font-size: 22px;">WARNING:</b>
  180. This profile may potentially trigger seizures for people with photosensitive epilepsy. Viewer discretion is advised.
  181. </div>
  182. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement