Advertisement
Guest User

actuallydael's css

a guest
Jun 4th, 2021
138
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.57 KB | None | 0 0
  1. @import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap);
  2.  
  3. body, #header, #hSub {
  4.   text-transform: lowercase !important;
  5.   font-family: "Libre Baskerville", serif !important;
  6.   text-shadow: 1px 1px 5px white;
  7. }
  8.  
  9. #name:after, tr td div:after {
  10.   content: ".";
  11. }
  12.  
  13. tr td div:nth-child(4):before,
  14. .blogCard div:nth-child(4):before {
  15.   content: "seventeen";
  16. }
  17.  
  18. #age {
  19.   display: none;
  20. }
  21.  
  22. #hSub {
  23.   text-align: center !important;
  24.   background-color: rgba(33,33,33,0.4) !important;
  25. }
  26.  
  27. #hSub a {
  28.   color: white !important;
  29.   margin: auto;
  30.   width: 50%;
  31.   padding: 10px;
  32. }
  33.  
  34. #hSub a:hover {
  35.   text-decoration: underline;
  36. }
  37.  
  38. #header, #hUp, .logo {
  39.   color: white !important;
  40.   background-color: rgba(33,33,33,0.4) !important;
  41.   border: none;
  42. }
  43.  
  44. .logo b {
  45.   display: none;
  46. }
  47.  
  48. .logo:before {
  49.   content: "welcome.";
  50.   font-weight: bold !important;
  51. }
  52.  
  53. #header:after {
  54.   content: "heaven calls me. heaven calls me. heaven calls me. heaven calls me."
  55. }
  56. #header:before {
  57.   content: "heaven calls me. heaven calls me. heaven calls me. heaven calls me."
  58. }
  59.  
  60. @-moz-keyframes scroll-right {
  61.   0% {
  62.     -moz-transform: translateX(-100%);
  63.   }
  64.   100% {
  65.     -moz-transform: translateX(100%);
  66.   }
  67. }
  68.        
  69. @-webkit-keyframes scroll-right {
  70.   0% {
  71.     -webkit-transform: translateX(-100%);
  72.   }
  73.   100% {
  74.     -webkit-transform: translateX(100%);
  75.    }
  76. }
  77.        
  78. @keyframes scroll-right {
  79.   0% {
  80.     -moz-transform: translateX(-100%);
  81.     -webkit-transform: translateX(-100%);
  82.     transform: translateX(-100%);
  83.   }
  84.   100% {
  85.     -moz-transform: translateX(100%);
  86.     -webkit-transform: translateX(100%);
  87.     transform: translateX(100%);
  88.   }
  89. }
  90.  
  91. #header {
  92.   overflow: hidden !important;
  93.   width: 100% !important;
  94.   margin: 0 !important;
  95.   text-align: center !important;
  96.   /*-moz-transform: translateX(100%) !important;*/
  97.   -webkit-transform: translateX(100%) !important;
  98.   transform: translateX(100%) !important;
  99.   /*-moz-animation: scroll-right 2s linear infinite !important;*/
  100.   -webkit-animation: scroll-right 2s linear infinite !important;
  101.   animation: scroll-right 20s linear infinite !important;
  102. }
  103.  
  104. div#hSub a:after {
  105.   content: ".";
  106. }
  107.  
  108. body {
  109.   background-attachment: fixed;
  110.   background-image: url(https://i.imgur.com/Ma58gcE.jpeg);
  111.   animation-name: pulpit, pulpit, pulpit, pulpit, pulpit, pulpit, pulpit;
  112.   animation-duration: 2s, 2s, 2s, 2s, 2s, 2s, 1s;
  113.   animation-delay: 11500ms, 24500ms, 36500ms, 47500ms, 56500ms, 64500ms, 70500ms;
  114.   animation-timing-function: step-start, step-start, step-start, step-start, step-start, step-start, step-start;
  115. }
  116.  
  117. @keyframes pulpit {
  118.   0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 99% {
  119.     opacity: 0;
  120.     background-color: black;
  121.     background-image: none;
  122.   }
  123.   5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95%, 100% {
  124.     opacity: 0;
  125.     background-color: white;
  126.     background-image: none;
  127.   }
  128. }
  129.  
  130. #container {
  131.   color: white;
  132. }
  133.  
  134. div.box.blurbs {
  135.   text-align: center;
  136.   background-color: rgba(33,33,33,0.4);
  137. }
  138.  
  139. div.box.fwiends {
  140.   text-align: center;
  141.   background-color: rgba(33,33,33,0.4);
  142. }
  143.  
  144. .rightHead {
  145.   color: white;
  146.   font-size: 20px;
  147.   background-color: rgba(255,0,0,0.4);
  148. }
  149.  
  150. div div h4 {
  151.   color: red;
  152.   text-shadow: 1px 1px 5px red;
  153. }
  154.  
  155. .boxInfo a {
  156.   font-weight: bold;
  157. }
  158.  
  159. a, .boxButton {
  160.   color: red;
  161.   text-shadow: 1px 1px 5px red;
  162. }
  163.  
  164. .fwiendFace {
  165.   margin: 1em;
  166. }
  167.  
  168. .fwiendFace img {
  169.   width: 150px;
  170.   height: 150px;
  171.   object-fit: cover;
  172. }
  173.  
  174. .topLeft {
  175.   background-color: rgba(33,33,33,0.4);
  176. }
  177.  
  178. .player:before {
  179.   content: "";
  180.   display: block;
  181.   position: relative;
  182.   width: 380px;
  183.   height: 487px;
  184.   background-image: url(https://i.pinimg.com/564x/77/90/5e/77905e51d73173ffc1c9248873a4a09f.jpg);
  185.   background-size: 100% 100%;
  186. }
  187.  
  188. div.player.box {
  189.   color: white;
  190.   background-color: rgba(0,0,0,0);
  191.   border: none;
  192. }
  193.  
  194. div.songName {
  195.   margin: 5px;
  196. }
  197.  
  198. div.songName a img {
  199.   filter: invert();
  200. }
  201.  
  202. div.url.box {
  203.   border: none;
  204. }
  205.  
  206. div.boxHead {
  207.   border: none;
  208.   background-color: rgba(0,0,0,0);
  209. }
  210.  
  211. div.boxInfo.box {
  212.   border: none;
  213. }
  214.  
  215. .topLeft::after {
  216.   background-image: url(https://i.pinimg.com/564x/91/82/86/918286c31459a11a61c6ebd3ba0294c8.jpg);
  217.   content: "";
  218.   white-space: pre-wrap;
  219.   display: block;
  220.   height: 500px;
  221.   background-repeat: no-repeat, no-repeat, repeat, repeat, repeat, repeat;
  222.   background-size: 390px;
  223.   filter: contrast(200%);
  224. }
  225.  
  226. .fwiendFace:hover {
  227.     transform: scale(1.2);
  228.     animation: shake .5s linear infinite;
  229. }
  230.  
  231. @keyframes shake {
  232.   10%, 90% {
  233.     transform: translate3d(-1px, 0, 0);
  234.   }
  235.  
  236.   20%, 80% {
  237.     transform: translate3d(2px, 0, 0);
  238.   }
  239.  
  240.   30%, 50%, 70% {
  241.     transform: translate3d(-4px, 0, 0);
  242.   }
  243.  
  244.   40%, 60% {
  245.     transform: translate3d(4px, 0, 0);
  246.   }
  247. }
  248.  
  249. .topRight:after {
  250.   transform: scale(0.6);
  251.   content: "yes, this is actually me.";
  252.   display: block;
  253.   position: relative;
  254.   width: 613px;
  255.   height: 459px;
  256.   background-image: url(https://media.discordapp.net/attachments/755342716124004382/850500089956401152/image0.jpg?width=894&height=670);
  257.   background-size: 100% 100%;
  258. }
  259.  
  260. #userWall {
  261.   background-color: rgba(33,33,33,0.6);
  262. }
  263. #userWall tbody tr .tableLeft {
  264.   background-color: rgba(0,0,0,0);
  265. }
  266. #userWall tbody tr .tableLeft img {
  267.   width: 100px;
  268.   height: 100px;
  269.   object-fit: cover;
  270. }
  271. #userWall tbody tr .tableRight {
  272.   background-color: rgba(0,0,0,0);
  273. }
  274. button {
  275.   background-color: rgba(0,0,0,0);
  276.   border: none;
  277.   color: white;
  278.   text-shadow: 1px 1px 5px white;
  279.   font-weight: bold;
  280.   text-decoration: underline;
  281.   margin: 5px;
  282. }
  283.  
  284. .tableRight div:after {
  285.   content: "";
  286. }
  287.  
  288. #commentInput {
  289.   background-color: rgba(33,33,33,0.7);
  290.   border: none;
  291. }
  292.  
  293. div form input {
  294.   background-color: rgba(0,0,0,0);
  295.   border: none;
  296.   color: white;
  297.   text-shadow: 1px 1px 5px white;
  298.   font-weight: bold;
  299.   text-decoration: underline;
  300.   margin: 5px;
  301. }
  302.  
  303. div.box.blog {
  304.   background-color: rgba(33,33,33,0.5);
  305. }
  306.  
  307. #sMsg {
  308.   font-size: 0px;
  309. }
  310. #sMsg:before {
  311.   content: "talk to me.";
  312.   font-size: 14px;
  313. }
  314.  
  315. #add {
  316.   font-size: 0px;
  317. }
  318.  
  319. #add:before {
  320.   content: "join me.";
  321.   font-size: 14px;
  322. }
  323.  
  324. #report {
  325.   font-size: 0px;
  326. }
  327.  
  328. #report:before {
  329.   content: "banish me to hell.";
  330.   font-size: 14px;
  331. }
  332.  
  333. #block {
  334.   font-size: 0px;
  335. }
  336.  
  337. #block:before {
  338.   content: "chain me.";
  339.   font-size: 14px;
  340. }
  341.  
  342. /* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/symbols/sym-8/sym731.cur), auto !important;} /* End https://www.cursors-4u.com */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement