Advertisement
Guest User

Untitled

a guest
Mar 31st, 2025
40
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.78 KB | None | 0 0
  1. [ ORIGINAL CODE / LAYOUT: https://layouts.spacehey.com/layout?id=19117 ]
  2.  
  3. CODE:
  4. <br/><img src="https://64.media.tumblr.com/2bdc6be1001474200aa6b694a5ba573c/4b269d5076383e1d-18/s2048x3072/f892559d5d7a7c832b7a2d7fc801a4137684f038.pnj"/>
  5. <br/>
  6. <img src="https://64.media.tumblr.com/e8c43a6ab4c79f9da457ac531d801775/e5f72ed85f6e6bff-f1/s100x200/a0a6802227d35dfb36b12451309fa55d72392744.pnj"/>
  7. <img src="https://64.media.tumblr.com/4417d84e6c069d3f4c76e514217f1f1a/420ac875f59f2614-ab/s250x400/98de1bcb0ded6a4124d4075ce80be043b79abfbe.pnj"/>
  8. <img src="https://64.media.tumblr.com/5cf50e8877d6df7d63a049d686ec9041/e5f72ed85f6e6bff-3f/s100x200/c2229b01c53769d187ed61328ec39924c0bd7dd2.pnj"/>
  9. <br/>
  10. <br/> ̨┊ kazuyuki kasuke ⊹ ࣪ ˖ aka lynnen, chrysanthos and/or lyndon . ✰
  11. <br/> -ˏˋ agender - they/them 𝜗𝜚 ๋𓂃 occasionally he/him ˚ ༘ .˚ grayromantic + asexual . ˊˎ-
  12. <br/><img src="https://64.media.tumblr.com/fef434b6ae150f60c9c89a3d84fbb346/56a6b02bee70e6b1-21/s1280x1920/cb73daf7948f620b3c89e7452ce239e068ac5478.pnj"/>
  13. <br/>✧.* 19 . . . ↷ bday march 29th ୭ ˚. vietnamese / asian . ༉‧₊˚. intp / 1w9 ﹒⋆。˚
  14. <br/>˓ ミ꒰❛❛ the blank canvas❜❜ ˖₊⊹ do not repost/use artwork w/o perms & credit ༉‧₊˚.
  15. <br/>
  16. <img src="https://64.media.tumblr.com/fb4ea20f83cf30392791df4658aedd07/420ac875f59f2614-61/s250x400/4dc043dee625a026d107233fb39f49fb068e8b5f.pnj"/>
  17. <img src="https://64.media.tumblr.com/ca77b88692e1f3997d47c0a874e58283/e5f72ed85f6e6bff-14/s100x200/54cf27e9c508b56be0fa3de4250288b248a922c9.pnj"/>
  18. <img src="https://64.media.tumblr.com/3a7b5091c173e7f890d6537741c00ddc/420ac875f59f2614-c9/s250x400/6290868ee4564ef4619069f62e22fdf1f3b5c5b2.pnj"/>
  19. <br/>
  20. <br/><img src="https://64.media.tumblr.com/2bdc6be1001474200aa6b694a5ba573c/4b269d5076383e1d-18/s2048x3072/f892559d5d7a7c832b7a2d7fc801a4137684f038.pnj"/>
  21.  
  22. <iframe width="0" height="0" src="https://www.youtube.com/embed/l8x6gZdAGj0//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
  23.  
  24. </iframe>
  25.  
  26. <!-- (c) Layout created by ୨ vel ୧ ⊹ (https://layouts.spacehey.com/layout?id=103877) -->
  27.  
  28. <style>
  29.  
  30.  
  31. .general-about{
  32.  
  33. position: relative;
  34.  
  35. margin-top: 30px;
  36.  
  37. }
  38.  
  39. .general-about .profile-pic::before{
  40.  
  41. content: '';
  42.  
  43. background: url('https://cutekawaiiresources.wordpress.com/wp-content/uploads/2016/11/pom-pom-purin-16.gif') no-repeat;
  44.  
  45. background-size: cover;
  46.  
  47. display: block;
  48.  
  49. width: 25px;
  50.  
  51. height: 25px;
  52.  
  53. z-index: 999;
  54.  
  55. position: absolute;
  56.  
  57. top: -15px;
  58.  
  59. left: 68px;
  60.  
  61.  
  62.  
  63.  
  64. </style>
  65.  
  66. <!-- (c) Layout created by boyfailure (https://layouts.spacehey.com/layout?id=19117) -->
  67.  
  68. <style>
  69. /* hey
  70. if you're reading this and you wanna use this,
  71. there is a ton of shit in comments at the end
  72. pls read it, it might be helpful to you */
  73.  
  74. * {
  75. cursor: url(https://64.media.tumblr.com/d2840c688cad2d35cc2188c79389c9b0/4e7e4eab0ec97b7e-b1/s75x75_c1/79e0fd109572f42d0588164f6037cbf124a8c7c4.gifv), auto!important;}, auto
  76. !important;
  77. font-family: monospace;
  78. font-weight: bold;
  79. }
  80.  
  81. :root {
  82. --links: rgb(145,145,145);
  83. --text: rgb(27, 28, 26);
  84. --headers: rgb(247,249,187);
  85. --shadows: rgb(247,249,187);
  86. --borders: rgba(0,0,0,.2);
  87. --shift: rgb(247,249,187);
  88. }
  89. html {
  90. animation: fadeIn ease 3s;
  91. animation-iteration-count: 1;
  92. animation-fill-mode: forwards;
  93. }
  94. body {
  95. margin:0;
  96. background-image: url("https://external-media.spacehey.net/media/siL8d6TRCgrD-9v4vKw9a_RExiiPA-JILT0nSABwypUQ=/https://64.media.tumblr.com/accf3c0dadd5dc2f91bc758b6f7d0ddc/f02cca1d11dd88d1-d2/s250x400/08db0cc875a3f08337ab2440c27fb824cc5202c2.png");
  97. background-attachment: fixed;
  98. }
  99. p {
  100. color: var(--text);
  101. }
  102. nav img.logo{
  103. filter: brightness(0) saturate(100%) invert(91%) sepia(13%) saturate(1004%) hue-rotate(18deg) brightness(111%) contrast(90%) !important;
  104. height:30px;
  105. }
  106. button {
  107. background: white;
  108. color: var(--text);
  109. border: 1px solid black;
  110. }
  111. button:hover {
  112. border: solid 1px var(--shift);
  113. transition: 0.2s;
  114. }
  115. input {
  116. background: white;
  117. color: var(--text);
  118. border: black solid 1px;
  119. }
  120. input:hover {
  121. border: solid 1px var(--shift);
  122. transition: 0.2s;
  123. }
  124. nav .top , nav .links{
  125. background: transparent;
  126. text-align: center;
  127. }
  128. nav .links li:not(:last-child)::after,
  129. footer .links li:not(:last-child)::after{
  130. content: " 🍮";
  131. }
  132. nav .links .active img{
  133. content: url(https://64.media.tumblr.com/502bf72622c5b6d59972c0fa802a4bf1/2d88e18a0c651708-84/s75x75_c1/6dff529d5e0fe8b53a050ac8d0047e4b870e461c.gifv);
  134. }
  135. main {
  136. background: white !important;
  137. border: black 1px solid;
  138. }
  139. .col.left h1:before{
  140. content: "";
  141. white-space: pre-wrap;
  142. display: block;
  143. height: 115px;
  144. background-image: url("https://64.media.tumblr.com/f519ceaf7b68e406a7be9c785e7da6b2/42b7a660592d07b9-31/s1280x1920/cb8de345beb08a968b115759a567e555c1310e9d.pnj");
  145. background-repeat: no-repeat;
  146. background-size: 120px;
  147. }
  148. .col.right:before {
  149. content: "";
  150. white-space: pre-wrap;
  151. display: block;
  152. height: 120px;
  153. background-image: url("https://64.media.tumblr.com/d052dd8c661023027258218306259974/089eba00cfdf967c-19/s1280x1920/055ad4ee10accee4564bb078440bf3ef6f5192ad.pnj");
  154. background-repeat: no-repeat;
  155. background-position-x: center;
  156. background-size: 350px;
  157. }
  158. h1 {
  159. color: var(--links);
  160. }
  161. .profile-pic img {
  162. border: solid black 1px;
  163. border-radius: 180px;
  164. }
  165. .profile-pic img:hover{
  166. animation: rotation 0.9s infinite linear;
  167. /*every time i update this i make this faster*/
  168. }
  169. .online{
  170. content: url("https://external-media.spacehey.net/media/sTMqu2qir4v_wvrfw10ij-CLrHT3I-Vbau5q7U4oiN5A=/https://www.myspacegens.com/images/online_now/003.gif");
  171. }
  172. .mood {
  173. padding-top: 2px;
  174. }
  175. .mood:after {
  176. content: "";
  177. white-space: pre-wrap;
  178. display: block;
  179. height: 60px;
  180. background-image: url(https://64.media.tumblr.com/a86afd6dc8e023992d9f7e71bb2271ac/tumblr_pxjfrvYDyl1yu0mtro1_1280.jpg);
  181. background-position-x: center;
  182. background-repeat: no-repeat;
  183. background-size: 300px;
  184. }
  185. .blurbs .inner {
  186. text-align: center !important;
  187. }
  188. .url-info {
  189. display: none;
  190. }
  191. nav {
  192. background: white !important;
  193. color: var(--links) !important;
  194. border: black 1px solid;
  195. margin-bottom: 5px;
  196. }
  197. footer {
  198. background: white !important;
  199. border: black 1px solid;
  200. }
  201. .comments-table, .comment-replies {
  202. border: none;
  203. }
  204. .profile-info, .comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
  205. background: none;
  206. border: none;
  207. }
  208. #comments {
  209. height: 400px;
  210. overflow-y: scroll;
  211. }
  212. .comments-table td:first-child img:not(.icon), .bulletin-table td:first-child img:not(.icon){
  213. border: 1px solid black;
  214. border-radius: 180px;
  215. }
  216. .comments-table td:first-child img:not(.icon):hover {
  217. animation: shake 0.5s;
  218. animation-iteration-count: infinite;
  219. }
  220. a, nav .links a, nav .links .special a {
  221. color: var(--links);
  222. text-shadow: none;
  223. }
  224. a:hover, nav .links a:hover, nav .right a:hover {
  225. color: var(--headers);
  226. text-decoration: none !important;
  227. transition: 0.2s;
  228. }
  229. .logout-btn {
  230. color: var(--links);
  231. box-shadow: none;
  232. }
  233. .logout-btn:hover {
  234. color: var(--shift);
  235. box-shadow: none;
  236. border: none;
  237. text-decoration: none;
  238. transition: 0.2s;
  239. }
  240. .col.left:after {
  241. pointer-events: none;
  242. content: url(https://64.media.tumblr.com/cfeb241a6ba31d5ddb5191769b55ed54/558051a5a5fdd93c-9c/s400x600/f0ff4de85658a9a4cea713fb3043faf4a2958491.pnj);
  243. }
  244. .profile .contact, .profile .table-section, .profile .blurbs .section, .friends {
  245. border: var(--borders) solid 1px;
  246. box-shadow: 4px 4px 0px var(--shadows);
  247. }
  248. .contact .inner a img {
  249. font-size: 0;
  250. }
  251. .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before,
  252. .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before,
  253. .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before,
  254. .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before,
  255. .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before,
  256. .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before,
  257. .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before,
  258. .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before,
  259. .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
  260. /*changes the icons*/
  261. content: url(https://64.media.tumblr.com/00bcfe2537df9994cc8ce57b13d3f210/fc5c7be11f036c03-42/s75x75_c1/f11383c6ac91269a92027d882ce97787b8864cc3.gifv);
  262. margin-right: -6px;
  263. }
  264. .contact a, .table-section a {
  265. color: var(--links);
  266. }
  267. .contact a:hover, .table-section a:hover {
  268. color: var(--shift);
  269. text-decoration: none;
  270. transition: 0.2s;
  271. }
  272. .profile .table-section .details-table td {
  273. background: none;
  274. }
  275. .profile .blurbs .heading {
  276. font-size: 15px;
  277. background: none;
  278. color: var(--links);
  279. }
  280. .col.right h4 {
  281. color: var(--links);
  282. text-align: left;
  283. }
  284. .profile .blurbs .section h4, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
  285. background: var(--headers);
  286. color: var(--links);
  287. background-image: url(https://i.imgur.com/VTQtuRz.gif);
  288. background-repeat: no-repeat;
  289. background-position: right top;
  290. background-size: 9px;
  291. padding-left: 5px;
  292. padding-bottom: 5px;
  293. }
  294. .person p {
  295. color: var(--links) !important;
  296. }
  297. .person img{
  298. border: 1px solid black;
  299. border-radius: 180px;
  300. display: absolute;
  301. height: 100px;
  302. object-fit: cover;
  303. width:100px;
  304. }
  305. .person:hover {
  306. animation: shake 0.5s;
  307. animation-iteration-count: infinite;
  308. }
  309. .count {
  310. color: var(--links);
  311. }
  312. footer::after{
  313. bottom: 0;
  314. font-size:0;
  315. left: 80%;
  316. position:fixed;
  317. pointer-events: none;
  318. content:url("https://64.media.tumblr.com/c79df8a2e8bd37f4aebed6ab803b02b2/03c429a67d1fd1df-5e/s400x600/f463360120186dd2972b399bcf2e440604e936f6.pnj");
  319. }
  320. /* makes other people's avatars shake
  321. around when you hover on them hehe */
  322. @keyframes shake {
  323. 0% { transform: translate(1px, 1px) rotate(0deg); }
  324. 10% { transform: translate(-1px, -2px) rotate(-1deg); }
  325. 20% { transform: translate(-3px, 0px) rotate(1deg); }
  326. 30% { transform: translate(3px, 2px) rotate(0deg); }
  327. 40% { transform: translate(1px, -1px) rotate(1deg); }
  328. 50% { transform: translate(-1px, 2px) rotate(-1deg); }
  329. 60% { transform: translate(-3px, 1px) rotate(0deg); }
  330. 70% { transform: translate(3px, 1px) rotate(-1deg); }
  331. 80% { transform: translate(-1px, -1px) rotate(1deg); }
  332. 90% { transform: translate(1px, 2px) rotate(0deg); }
  333. 100% { transform: translate(1px, -2px) rotate(-1deg); }
  334. /* this makes your profile picture spin weeeeeee */
  335. @keyframes rotation {
  336. from {
  337. transform: rotate(0deg);
  338. }
  339. to {
  340. transform: rotate(359deg);
  341. }
  342. }
  343. /* does the fade in thing when you click on your profile */
  344. @keyframes fadeIn {
  345. 0% {opacity: 0;}
  346. 100% {opacity: 1;}
  347. }
  348. /* assign this to your iframes
  349. so put
  350. class="player"
  351. in the iframe tag
  352. it will put the player in the bottom left of the screen
  353. and it'll be invisible until you hover over it :)*/
  354. .player {
  355. opacity: 0;
  356. left: 0;
  357. bottom: 0;
  358. }
  359. /* when you hover over where the iframw is, itll appear.
  360. adjust the transition to mess w how fast it appears,
  361. this was just based off my own guess. */
  362. .player:hover {
  363. opacity: 100%;
  364. transition: 0.3s;
  365. }
  366. /* i assign this to my stamps in my interests table.
  367. basically, class="stamps" for every img tag.
  368. makes it s that its 2 in every row.
  369. its not a necessity but if you'd like to convert
  370. one of the interest table cells to a dedicated
  371. stamp section, here you go */
  372. .stamps{
  373. height: 45px;
  374. width: 85px;
  375. }
  376. /* makes it so that the iframe w player assigned to it and
  377. the pic in the corner don't crowd everything on mobile screens */
  378. @media screen and (min-width: 0px) and (max-width: 720px) {
  379. footer:after { display: none; }
  380. .player { display: none; }
  381. }
  382.  
  383.  
  384. <!-- (c) Layout created by lurkin666 (https://layouts.spacehey.com/layout?id=104181) -->
  385.  
  386. <div class="snowflakes">
  387. <div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/>
  388. <div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/>
  389. <div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/>
  390. <div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/>
  391. <div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/>
  392. <div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/>
  393. <div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/>
  394. <div>
  395.  
  396.  
  397. <style>
  398. @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
  399.  
  400.  
  401.  
  402. </style>
  403.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement