API tools faq
paste
Advertisement
Guest User

Myspace93 Vaporwave CSS (wip)

a guest
May 27th, 2021
174
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.94 KB | None | 0 0
raw download clone embed print report
  1. body {
  2. font-family: "W95FA";
  3. background-image: url("https://i.postimg.cc/d1B6Cfm0/bgcssmain.gif");
  4. background-attachment: fixed;
  5. background-size: 1920px;
  6. color: white;
  7. background-position-y: -120px;
  8. }
  9.  
  10. td.shortRight div#online {
  11. background-image: url("https://i.postimg.cc/3R4stBvd/another-ojne.gif");
  12. background-repeat: no-repeat;
  13. }
  14.  
  15. td.shortRight div#online img {
  16. visibility: hidden;
  17. }
  18.  
  19. div#header {
  20. font-family: "W95FA";
  21. }
  22.  
  23. .logo::after {
  24. content: "Welcome, mate";
  25. }
  26.  
  27. a.logo b span {
  28. visibility: hidden;
  29. }
  30. h2#name.uName {
  31.     background-image: url("https://i.postimg.cc/rsztnZWg/bgcssdivheads.gif");
  32.     background-attachment: fixed;
  33.     background-size: 1000px;
  34.     padding: 5px;
  35.         padding-left: 5px;
  36.     padding-left: 10px;
  37.     border-radius: 15px 20px;
  38.     box-shadow: #eb00ff 0px 0px 10px;
  39.     -webkit-animation: text-flicker-in-glow 4s linear both;
  40.     animation: text-flicker-in-glow 4s linear both;
  41.     background-position-x: 42px;
  42. }
  43.  
  44. td.shortRight {
  45. background-image: url("https://i.postimg.cc/J47xH5LQ/bgcssdivsboxes.gif");
  46. background-position: right;
  47. background-size: cover;
  48. border-radius: 15px 30px;
  49. box-shadow: #0058ff 0px 0px 10px;
  50. }
  51.  
  52. .boxHead {
  53. background-image: url("https://i.postimg.cc/rsztnZWg/bgcssdivheads.gif");
  54. background-size: 602px;
  55. padding: 5px;
  56. padding-left: 10px;
  57. border-radius: 10px 15px;
  58. box-shadow: #0058ff 0px 0px 10px;
  59. margin-top: 10px;
  60. margin-left: 10px;
  61. margin-right: 10px;
  62. margin-bottom: 10px;
  63. background-position-x: 583px;
  64. -webkit-animation: text-flicker-in-glow 4s linear both;
  65. animation: text-flicker-in-glow 4s linear both;
  66. }
  67.  
  68. .boxInfo {
  69. border: none;
  70. margin-bottom: 20px;
  71. margin-top: 20px;
  72. -webkit-animation: text-flicker-in-glow 4s linear both;
  73. animation: text-flicker-in-glow 4s linear both;
  74. }
  75.  
  76. #sMsg {
  77. background-repeat: no-repeat;
  78. background-image: url("https://i.ibb.co/zHJPPpL/bgcssmsg.gif");
  79. background-size: contain;
  80. color: white;
  81. }
  82.  
  83. #report {
  84. background-repeat: no-repeat;
  85. background-image: url("https://i.ibb.co/GHY2DPQ/bgcssreport.gif");
  86. background-size: contain;
  87. color: white;
  88. }
  89.  
  90. #add {
  91. background-repeat: no-repeat;
  92. background-image: url("https://i.ibb.co/VpYG6K1/bgcssadd.gif");
  93. background-size: contain;
  94. color: white;
  95. }
  96.  
  97. #block {
  98. background-repeat: no-repeat;
  99. background-image: url("https://i.ibb.co/6nhNz84/bgcssblock.gif");
  100. background-size: contain;
  101. color: white;
  102. }
  103.  
  104. .url {
  105. border: none;
  106. padding: 2px;
  107. background-image: url("https://i.postimg.cc/rsztnZWg/bgcssdivheads.gif");
  108. background-position: right;
  109. border-radius: 10px 20px;
  110. box-shadow: #eb00ff 0px 0px 10px;
  111. background-size: 415px;
  112. background-position-x: 423px;
  113. background-attachment: fixed;
  114. }
  115.  
  116. a {
  117. color: #f9b3ff;
  118. text-decoration: none;
  119. text-shadow: 0px 0px 10px;
  120. }
  121.  
  122. .rightHead {
  123. color: #fff;
  124. background-image: url("https://i.postimg.cc/rsztnZWg/bgcssdivheads.gif");
  125. background-size: 700px;
  126. padding: 5px;
  127. padding-left: 10px;
  128. border-radius: 15px 20px;
  129. box-shadow: #eb00ff 0px 0px 10px;
  130. margin-left: 10px;
  131. margin-right: 10px;
  132. background-position-x: 580px;
  133. margin-top: 10px;
  134. -webkit-animation: text-flicker-in-glow 4s linear both;
  135. animation: text-flicker-in-glow 4s linear both;
  136. }
  137.  
  138. h4 {
  139. color: #007cff;
  140. margin-bottom: 0px;
  141. text-shadow: 0px 0px 10px;
  142. }
  143.  
  144. .blogs {
  145. margin-bottom: 10px;
  146. background-image: url("https://i.postimg.cc/J47xH5LQ/bgcssdivsboxes.gif");
  147. background-position: right;
  148. background-size: cover;
  149. border-radius: 15px 30px;
  150. box-shadow: #0058ff 0px 0px 10px;
  151. padding: 10px;
  152. margin-top: 10px;
  153. margin-left: 10px;
  154. margin-right: 10px;
  155. }
  156.  
  157. #commentInput {
  158. width: calc( 100% - 6px );
  159. margin: 0;
  160. margin-top: 10px;
  161. height: 100px;
  162. background-image: url("https://i.postimg.cc/TPHNSdj1/bgcsstextbox.gif");
  163. background-size: cover;
  164. background-position: center;
  165. color: white;
  166. text-shadow: 0px 0px 5px;
  167. border-radius: 15px 20px;
  168. border: none;
  169. }
  170.  
  171. textarea:focus {
  172. outline: none;
  173. box-shadow: none !important;
  174. border: none;
  175. }
  176.  
  177. /* ----------------------------------------------
  178.  * Generated by Animista on 2021-5-11 18:7:50
  179.  * Licensed under FreeBSD License.
  180.  * See http://animista.net/license for more info.
  181.  * w: http://animista.net, t: @cssanimista
  182.  * ---------------------------------------------- */
  183.  
  184. /**
  185.  * ----------------------------------------
  186.  * animation text-flicker-in-glow
  187.  * ----------------------------------------
  188.  */
  189. @-webkit-keyframes text-flicker-in-glow {
  190.   0% {
  191.     opacity: 0;
  192.   }
  193.   10% {
  194.     opacity: 0;
  195.     text-shadow: none;
  196.   }
  197.   10.1% {
  198.     opacity: 1;
  199.     text-shadow: none;
  200.   }
  201.   10.2% {
  202.     opacity: 0;
  203.     text-shadow: none;
  204.   }
  205.   20% {
  206.     opacity: 0;
  207.     text-shadow: none;
  208.   }
  209.   20.1% {
  210.     opacity: 1;
  211.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
  212.   }
  213.   20.6% {
  214.     opacity: 0;
  215.     text-shadow: none;
  216.   }
  217.   30% {
  218.     opacity: 0;
  219.     text-shadow: none;
  220.   }
  221.   30.1% {
  222.     opacity: 1;
  223.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  224.   }
  225.   30.5% {
  226.     opacity: 1;
  227.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  228.   }
  229.   30.6% {
  230.     opacity: 0;
  231.     text-shadow: none;
  232.   }
  233.   45% {
  234.     opacity: 0;
  235.     text-shadow: none;
  236.   }
  237.   45.1% {
  238.     opacity: 1;
  239.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  240.   }
  241.   50% {
  242.     opacity: 1;
  243.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  244.   }
  245.   55% {
  246.     opacity: 1;
  247.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  248.   }
  249.   55.1% {
  250.     opacity: 0;
  251.     text-shadow: none;
  252.   }
  253.   57% {
  254.     opacity: 0;
  255.     text-shadow: none;
  256.   }
  257.   57.1% {
  258.     opacity: 1;
  259.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
  260.   }
  261.   60% {
  262.     opacity: 1;
  263.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
  264.   }
  265.   60.1% {
  266.     opacity: 0;
  267.     text-shadow: none;
  268.   }
  269.   65% {
  270.     opacity: 0;
  271.     text-shadow: none;
  272.   }
  273.   65.1% {
  274.     opacity: 1;
  275.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
  276.   }
  277.   75% {
  278.     opacity: 1;
  279.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
  280.   }
  281.   75.1% {
  282.     opacity: 0;
  283.     text-shadow: none;
  284.   }
  285.   77% {
  286.     opacity: 0;
  287.     text-shadow: none;
  288.   }
  289.   77.1% {
  290.     opacity: 1;
  291.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
  292.   }
  293.   85% {
  294.     opacity: 1;
  295.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
  296.   }
  297.   85.1% {
  298.     opacity: 0;
  299.     text-shadow: none;
  300.   }
  301.   86% {
  302.     opacity: 0;
  303.     text-shadow: none;
  304.   }
  305.   86.1% {
  306.     opacity: 1;
  307.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
  308.   }
  309.   100% {
  310.     opacity: 1;
  311.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
  312.   }
  313. }
  314. @keyframes text-flicker-in-glow {
  315.   0% {
  316.     opacity: 0;
  317.   }
  318.   10% {
  319.     opacity: 0;
  320.     text-shadow: none;
  321.   }
  322.   10.1% {
  323.     opacity: 1;
  324.     text-shadow: none;
  325.   }
  326.   10.2% {
  327.     opacity: 0;
  328.     text-shadow: none;
  329.   }
  330.   20% {
  331.     opacity: 0;
  332.     text-shadow: none;
  333.   }
  334.   20.1% {
  335.     opacity: 1;
  336.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
  337.   }
  338.   20.6% {
  339.     opacity: 0;
  340.     text-shadow: none;
  341.   }
  342.   30% {
  343.     opacity: 0;
  344.     text-shadow: none;
  345.   }
  346.   30.1% {
  347.     opacity: 1;
  348.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  349.   }
  350.   30.5% {
  351.     opacity: 1;
  352.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  353.   }
  354.   30.6% {
  355.     opacity: 0;
  356.     text-shadow: none;
  357.   }
  358.   45% {
  359.     opacity: 0;
  360.     text-shadow: none;
  361.   }
  362.   45.1% {
  363.     opacity: 1;
  364.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  365.   }
  366.   50% {
  367.     opacity: 1;
  368.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  369.   }
  370.   55% {
  371.     opacity: 1;
  372.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  373.   }
  374.   55.1% {
  375.     opacity: 0;
  376.     text-shadow: none;
  377.   }
  378.   57% {
  379.     opacity: 0;
  380.     text-shadow: none;
  381.   }
  382.   57.1% {
  383.     opacity: 1;
  384.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
  385.   }
  386.   60% {
  387.     opacity: 1;
  388.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
  389.   }
  390.   60.1% {
  391.     opacity: 0;
  392.     text-shadow: none;
  393.   }
  394.   65% {
  395.     opacity: 0;
  396.     text-shadow: none;
  397.   }
  398.   65.1% {
  399.     opacity: 1;
  400.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
  401.   }
  402.   75% {
  403.     opacity: 1;
  404.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
  405.   }
  406.   75.1% {
  407.     opacity: 0;
  408.     text-shadow: none;
  409.   }
  410.   77% {
  411.     opacity: 0;
  412.     text-shadow: none;
  413.   }
  414.   77.1% {
  415.     opacity: 1;
  416.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
  417.   }
  418.   85% {
  419.     opacity: 1;
  420.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
  421.   }
  422.   85.1% {
  423.     opacity: 0;
  424.     text-shadow: none;
  425.   }
  426.   86% {
  427.     opacity: 0;
  428.     text-shadow: none;
  429.   }
  430.   86.1% {
  431.     opacity: 1;
  432.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
  433.   }
  434.   100% {
  435.     opacity: 1;
  436.     text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
  437.   }
  438. }
  439.  
  440. .tableLeft {
  441.     background: #1c001a;
  442.     width: 25%;
  443.     padding: 10px;
  444.     vertical-align: top;
  445.     overflow: hidden;
  446.     border-radius: 20px 25px;
  447.     box-shadow: #eb00ff 0px 0px 10px;
  448. }
  449.  
  450. .tableLeft img {
  451.     max-width: calc(100%);
  452.     image-orientation: from-image;
  453.     border-radius: 10px 15px;
  454.     box-shadow: #eb00ff 0px 0px 5px;
  455. }
  456.  
  457. .tableRight {
  458.     width: 75%;
  459.     background: #000820;
  460.     padding: 10px;
  461.     vertical-align: top;
  462.     overflow-wrap: anywhere;
  463.     border-radius: 20px 25px;
  464.     box-shadow: #0058ff 0px 0px 10px;
  465. }
  466.  
  467. .fwiendFace img {
  468.     width: calc( 100% );
  469.     border-radius: 10px 15px;
  470. }
  471.  
  472. .blogs div, .blog div {
  473.     margin-bottom: 10px;
  474.     background-size: 1000px;
  475.     background-position-x: -302px;
  476. }
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!