Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [ ORIGINAL CODE / LAYOUT: https://layouts.spacehey.com/layout?id=19117 ]
- CODE:
- <br/><img src="https://64.media.tumblr.com/2bdc6be1001474200aa6b694a5ba573c/4b269d5076383e1d-18/s2048x3072/f892559d5d7a7c832b7a2d7fc801a4137684f038.pnj"/>
- <br/>
- <img src="https://64.media.tumblr.com/e8c43a6ab4c79f9da457ac531d801775/e5f72ed85f6e6bff-f1/s100x200/a0a6802227d35dfb36b12451309fa55d72392744.pnj"/>
- <img src="https://64.media.tumblr.com/4417d84e6c069d3f4c76e514217f1f1a/420ac875f59f2614-ab/s250x400/98de1bcb0ded6a4124d4075ce80be043b79abfbe.pnj"/>
- <img src="https://64.media.tumblr.com/5cf50e8877d6df7d63a049d686ec9041/e5f72ed85f6e6bff-3f/s100x200/c2229b01c53769d187ed61328ec39924c0bd7dd2.pnj"/>
- <br/>
- <br/> ̨┊ kazuyuki kasuke ⊹ ࣪ ˖ aka lynnen, chrysanthos and/or lyndon . ✰
- <br/> -ˏˋ agender - they/them 𝜗𝜚 ๋𓂃 occasionally he/him ˚ ༘ .˚ grayromantic + asexual . ˊˎ-
- <br/><img src="https://64.media.tumblr.com/fef434b6ae150f60c9c89a3d84fbb346/56a6b02bee70e6b1-21/s1280x1920/cb73daf7948f620b3c89e7452ce239e068ac5478.pnj"/>
- <br/>✧.* 19 . . . ↷ bday march 29th ୭ ˚. vietnamese / asian . ༉‧₊˚. intp / 1w9 ﹒⋆。˚
- <br/>˓ ミ꒰❛❛ the blank canvas❜❜ ˖₊⊹ do not repost/use artwork w/o perms & credit ༉‧₊˚.
- <br/>
- <img src="https://64.media.tumblr.com/fb4ea20f83cf30392791df4658aedd07/420ac875f59f2614-61/s250x400/4dc043dee625a026d107233fb39f49fb068e8b5f.pnj"/>
- <img src="https://64.media.tumblr.com/ca77b88692e1f3997d47c0a874e58283/e5f72ed85f6e6bff-14/s100x200/54cf27e9c508b56be0fa3de4250288b248a922c9.pnj"/>
- <img src="https://64.media.tumblr.com/3a7b5091c173e7f890d6537741c00ddc/420ac875f59f2614-c9/s250x400/6290868ee4564ef4619069f62e22fdf1f3b5c5b2.pnj"/>
- <br/>
- <br/><img src="https://64.media.tumblr.com/2bdc6be1001474200aa6b694a5ba573c/4b269d5076383e1d-18/s2048x3072/f892559d5d7a7c832b7a2d7fc801a4137684f038.pnj"/>
- <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">
- </iframe>
- <!-- (c) Layout created by ୨ vel ୧ ⊹ (https://layouts.spacehey.com/layout?id=103877) -->
- <style>
- .general-about{
- position: relative;
- margin-top: 30px;
- }
- .general-about .profile-pic::before{
- content: '';
- background: url('https://cutekawaiiresources.wordpress.com/wp-content/uploads/2016/11/pom-pom-purin-16.gif') no-repeat;
- background-size: cover;
- display: block;
- width: 25px;
- height: 25px;
- z-index: 999;
- position: absolute;
- top: -15px;
- left: 68px;
- </style>
- <!-- (c) Layout created by boyfailure (https://layouts.spacehey.com/layout?id=19117) -->
- <style>
- /* hey
- if you're reading this and you wanna use this,
- there is a ton of shit in comments at the end
- pls read it, it might be helpful to you */
- * {
- cursor: url(https://64.media.tumblr.com/d2840c688cad2d35cc2188c79389c9b0/4e7e4eab0ec97b7e-b1/s75x75_c1/79e0fd109572f42d0588164f6037cbf124a8c7c4.gifv), auto!important;}, auto
- !important;
- font-family: monospace;
- font-weight: bold;
- }
- :root {
- --links: rgb(145,145,145);
- --text: rgb(27, 28, 26);
- --headers: rgb(247,249,187);
- --shadows: rgb(247,249,187);
- --borders: rgba(0,0,0,.2);
- --shift: rgb(247,249,187);
- }
- html {
- animation: fadeIn ease 3s;
- animation-iteration-count: 1;
- animation-fill-mode: forwards;
- }
- body {
- margin:0;
- background-image: url("https://external-media.spacehey.net/media/siL8d6TRCgrD-9v4vKw9a_RExiiPA-JILT0nSABwypUQ=/https://64.media.tumblr.com/accf3c0dadd5dc2f91bc758b6f7d0ddc/f02cca1d11dd88d1-d2/s250x400/08db0cc875a3f08337ab2440c27fb824cc5202c2.png");
- background-attachment: fixed;
- }
- p {
- color: var(--text);
- }
- nav img.logo{
- filter: brightness(0) saturate(100%) invert(91%) sepia(13%) saturate(1004%) hue-rotate(18deg) brightness(111%) contrast(90%) !important;
- height:30px;
- }
- button {
- background: white;
- color: var(--text);
- border: 1px solid black;
- }
- button:hover {
- border: solid 1px var(--shift);
- transition: 0.2s;
- }
- input {
- background: white;
- color: var(--text);
- border: black solid 1px;
- }
- input:hover {
- border: solid 1px var(--shift);
- transition: 0.2s;
- }
- nav .top , nav .links{
- background: transparent;
- text-align: center;
- }
- nav .links li:not(:last-child)::after,
- footer .links li:not(:last-child)::after{
- content: " 🍮";
- }
- nav .links .active img{
- content: url(https://64.media.tumblr.com/502bf72622c5b6d59972c0fa802a4bf1/2d88e18a0c651708-84/s75x75_c1/6dff529d5e0fe8b53a050ac8d0047e4b870e461c.gifv);
- }
- main {
- background: white !important;
- border: black 1px solid;
- }
- .col.left h1:before{
- content: "";
- white-space: pre-wrap;
- display: block;
- height: 115px;
- background-image: url("https://64.media.tumblr.com/f519ceaf7b68e406a7be9c785e7da6b2/42b7a660592d07b9-31/s1280x1920/cb8de345beb08a968b115759a567e555c1310e9d.pnj");
- background-repeat: no-repeat;
- background-size: 120px;
- }
- .col.right:before {
- content: "";
- white-space: pre-wrap;
- display: block;
- height: 120px;
- background-image: url("https://64.media.tumblr.com/d052dd8c661023027258218306259974/089eba00cfdf967c-19/s1280x1920/055ad4ee10accee4564bb078440bf3ef6f5192ad.pnj");
- background-repeat: no-repeat;
- background-position-x: center;
- background-size: 350px;
- }
- h1 {
- color: var(--links);
- }
- .profile-pic img {
- border: solid black 1px;
- border-radius: 180px;
- }
- .profile-pic img:hover{
- animation: rotation 0.9s infinite linear;
- /*every time i update this i make this faster*/
- }
- .online{
- content: url("https://external-media.spacehey.net/media/sTMqu2qir4v_wvrfw10ij-CLrHT3I-Vbau5q7U4oiN5A=/https://www.myspacegens.com/images/online_now/003.gif");
- }
- .mood {
- padding-top: 2px;
- }
- .mood:after {
- content: "";
- white-space: pre-wrap;
- display: block;
- height: 60px;
- background-image: url(https://64.media.tumblr.com/a86afd6dc8e023992d9f7e71bb2271ac/tumblr_pxjfrvYDyl1yu0mtro1_1280.jpg);
- background-position-x: center;
- background-repeat: no-repeat;
- background-size: 300px;
- }
- .blurbs .inner {
- text-align: center !important;
- }
- .url-info {
- display: none;
- }
- nav {
- background: white !important;
- color: var(--links) !important;
- border: black 1px solid;
- margin-bottom: 5px;
- }
- footer {
- background: white !important;
- border: black 1px solid;
- }
- .comments-table, .comment-replies {
- border: none;
- }
- .profile-info, .comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
- background: none;
- border: none;
- }
- #comments {
- height: 400px;
- overflow-y: scroll;
- }
- .comments-table td:first-child img:not(.icon), .bulletin-table td:first-child img:not(.icon){
- border: 1px solid black;
- border-radius: 180px;
- }
- .comments-table td:first-child img:not(.icon):hover {
- animation: shake 0.5s;
- animation-iteration-count: infinite;
- }
- a, nav .links a, nav .links .special a {
- color: var(--links);
- text-shadow: none;
- }
- a:hover, nav .links a:hover, nav .right a:hover {
- color: var(--headers);
- text-decoration: none !important;
- transition: 0.2s;
- }
- .logout-btn {
- color: var(--links);
- box-shadow: none;
- }
- .logout-btn:hover {
- color: var(--shift);
- box-shadow: none;
- border: none;
- text-decoration: none;
- transition: 0.2s;
- }
- .col.left:after {
- pointer-events: none;
- content: url(https://64.media.tumblr.com/cfeb241a6ba31d5ddb5191769b55ed54/558051a5a5fdd93c-9c/s400x600/f0ff4de85658a9a4cea713fb3043faf4a2958491.pnj);
- }
- .profile .contact, .profile .table-section, .profile .blurbs .section, .friends {
- border: var(--borders) solid 1px;
- box-shadow: 4px 4px 0px var(--shadows);
- }
- .contact .inner a img {
- font-size: 0;
- }
- .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before,
- .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before,
- .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before,
- .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before,
- .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before,
- .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before,
- .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before,
- .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before,
- .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
- /*changes the icons*/
- content: url(https://64.media.tumblr.com/00bcfe2537df9994cc8ce57b13d3f210/fc5c7be11f036c03-42/s75x75_c1/f11383c6ac91269a92027d882ce97787b8864cc3.gifv);
- margin-right: -6px;
- }
- .contact a, .table-section a {
- color: var(--links);
- }
- .contact a:hover, .table-section a:hover {
- color: var(--shift);
- text-decoration: none;
- transition: 0.2s;
- }
- .profile .table-section .details-table td {
- background: none;
- }
- .profile .blurbs .heading {
- font-size: 15px;
- background: none;
- color: var(--links);
- }
- .col.right h4 {
- color: var(--links);
- text-align: left;
- }
- .profile .blurbs .section h4, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
- background: var(--headers);
- color: var(--links);
- background-image: url(https://i.imgur.com/VTQtuRz.gif);
- background-repeat: no-repeat;
- background-position: right top;
- background-size: 9px;
- padding-left: 5px;
- padding-bottom: 5px;
- }
- .person p {
- color: var(--links) !important;
- }
- .person img{
- border: 1px solid black;
- border-radius: 180px;
- display: absolute;
- height: 100px;
- object-fit: cover;
- width:100px;
- }
- .person:hover {
- animation: shake 0.5s;
- animation-iteration-count: infinite;
- }
- .count {
- color: var(--links);
- }
- footer::after{
- bottom: 0;
- font-size:0;
- left: 80%;
- position:fixed;
- pointer-events: none;
- content:url("https://64.media.tumblr.com/c79df8a2e8bd37f4aebed6ab803b02b2/03c429a67d1fd1df-5e/s400x600/f463360120186dd2972b399bcf2e440604e936f6.pnj");
- }
- /* makes other people's avatars shake
- around when you hover on them hehe */
- @keyframes shake {
- 0% { transform: translate(1px, 1px) rotate(0deg); }
- 10% { transform: translate(-1px, -2px) rotate(-1deg); }
- 20% { transform: translate(-3px, 0px) rotate(1deg); }
- 30% { transform: translate(3px, 2px) rotate(0deg); }
- 40% { transform: translate(1px, -1px) rotate(1deg); }
- 50% { transform: translate(-1px, 2px) rotate(-1deg); }
- 60% { transform: translate(-3px, 1px) rotate(0deg); }
- 70% { transform: translate(3px, 1px) rotate(-1deg); }
- 80% { transform: translate(-1px, -1px) rotate(1deg); }
- 90% { transform: translate(1px, 2px) rotate(0deg); }
- 100% { transform: translate(1px, -2px) rotate(-1deg); }
- /* this makes your profile picture spin weeeeeee */
- @keyframes rotation {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(359deg);
- }
- }
- /* does the fade in thing when you click on your profile */
- @keyframes fadeIn {
- 0% {opacity: 0;}
- 100% {opacity: 1;}
- }
- /* assign this to your iframes
- so put
- class="player"
- in the iframe tag
- it will put the player in the bottom left of the screen
- and it'll be invisible until you hover over it :)*/
- .player {
- opacity: 0;
- left: 0;
- bottom: 0;
- }
- /* when you hover over where the iframw is, itll appear.
- adjust the transition to mess w how fast it appears,
- this was just based off my own guess. */
- .player:hover {
- opacity: 100%;
- transition: 0.3s;
- }
- /* i assign this to my stamps in my interests table.
- basically, class="stamps" for every img tag.
- makes it s that its 2 in every row.
- its not a necessity but if you'd like to convert
- one of the interest table cells to a dedicated
- stamp section, here you go */
- .stamps{
- height: 45px;
- width: 85px;
- }
- /* makes it so that the iframe w player assigned to it and
- the pic in the corner don't crowd everything on mobile screens */
- @media screen and (min-width: 0px) and (max-width: 720px) {
- footer:after { display: none; }
- .player { display: none; }
- }
- <!-- (c) Layout created by lurkin666 (https://layouts.spacehey.com/layout?id=104181) -->
- <div class="snowflakes">
- <div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/>
- <div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/>
- <div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/>
- <div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/>
- <div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/>
- <div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/>
- <div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/>
- <div>
- <style>
- @-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}
- </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement