Pink Layout [Commission]

Tags: cute, kawaii, pink, cutecore

Description:

Hope you enjoy this layout! Simply paste it into your about me :D

Code:

<!-- (c) Layout created by tea (https://layouts.spacehey.com/layout?id=21609) --> <!-- (c) Layout created by Prince's CSS Lab (https://layouts.spacehey.com/layout?id=20622) --> <style> @import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@400;700&family=Chicle&display=swap'); </style> <style> /*CONTACT ICONS*/ /*NOTIFICATION ICON*/ .icon, .award img { content: url(https://gnome.crd.co/assets/images/dogsb/6379feb5.gif?v=130b639d); display: inline-block; height: 1.5em; width: 1.5em; margin: 0 .05em 0 .1em; vertical-align: -0.3em; color: rgba(0,0,0,0);} /*PFP BORDER AND ANIMATION*/ .profile-pic img { padding: 6px; width: 200px; margin-right: 10px; margin-left: 10px; border-radius: 150px;} .profile-pic img { margin: 0px; width: 200px; height: 200px; background: #fdaece; border: 4px double #ffffff;} \ 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); }} /*BACKGROUND IMAGE*/ body {background-image: url(https://wallpapercave.com/wp/wp4386592.jpg);} body { text-transform: lowercase; image-rendering: pixelated; line-height: 1.225;} main .left, main .right { padding: 20px;} .online { content: url(https://64.media.tumblr.com/0056fc98aeec0f7fdf715d1388dce5f5/286321d930b41110-5f/s75x75_c1/039b240d19ff1fd49661a717f46f1b3942a56394.gifv);} nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{ content: " ・"; color: #fff;} .profile .contact .heading, .profile .table-section .heading, .home-actions .heading {background-color: #ffffff;} .profile .blurbs .heading, .profile .friends .heading { border-radius: 25px; background-color: #Ffdbe5; padding: 3px; text-align: center; color: #fff;} footer {background-image: url(https://v1.padlet.pics/1/image.webp?t=c_limit%2Cdpr_2%2Ch_620%2Cw_1239&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F1201364430%2F02e2fcde88a351ee64661fb19ef6fff7%2FScreenshot_2021_11_01_131407.jpg); width: 100%; border: 6px solid #ffffff; margin: 10px 0; border-radius: 0px 20px;} a {color: #fdaece;} a:hover { text-transform: uppercase; text-decoration-style: none; color: #Ffdbe5!important; border: none;} .profile .blurbs .section h4, .count, .profile-info {color: #fdaece; font-weight: bold; text-shadow: 2px 2px #fed9e0;} * { cursor: url(https://cur.cursors-4u.net/others/oth-4/oth305.cur), auto !important;} .blog-preview {text-align: center;} ul.links {background-color: #fdaece;} div.top {background-color: #fed9e0;} nav .top a, label {color: #fdaece; font-weight: bold;} footer .links {background-color: transparent !important;} profile .contact { margin-bottom: 20px;} .profile .contact, .profile .url-info, .profile .table-section, .home-actions { width: 100%; border: 6px solid #ffffff; margin: 4px 0; border-radius: 0px 20px; background-color: #ffffff; } footer a {color: #fff;} div.top{ border: 6px solid #ffffff; margin: 10px 0; border-radius: 0px 20px;} ul.links, main {border-radius: 25px; margin: 10px 0;} *, ul.links {text-shadow: 0px 0px 2px #FF8CBA;} * {font-family: 'Balsamiq Sans', cursive;} .profile h1 {font-family: 'Chicle', cursive !important; font-size: 37px; text-align: center;} .profile h1::after {content: " 🐾"; font-size: 30px !important;} .profile-info {border: transparent !important;} button, input {background: rgba(255, 255, 255, 0.84) !important; border: 2px solid #fed9e0; border-radius: 20px 20px 20px 20px;} .profile h1 { text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0; color: #ffffff; text-transform: uppercase !important;} </style> <style> table, th, td { border: 0px solid; } :root { --topic1: "about me"; --topic2: "overview"; --topic3: "music"; --topic4: "media"; --topic5: "games"; --topic6: "spotify"; } .table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;} .details-table tr td:first-child p::after{ color:var(--links) !important; letter-spacing:normal !important; text-shadow: 2px 2px black !important; filter: brightness(95%) !important; } .table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{ content: var(--topic1); } .table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{ content: var(--topic2); } .table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{ content: var(--topic3); } .table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{ content: var(--topic4); } .table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{ content: var(--topic5); } .table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{ content: var(--topic6); } </style> <style> table.comments-table{ display: block; height: 250px!important; overflow-y: scroll; } </style> <style> body{ background-color: COLOR !important; background-image: url('https://htmlcolorcodes.com/assets/images/colors/pastel-pink-color-solid-background-1920x1080.png') !important; background-attachment: FIXED OR SCROLL !important; background-repeat: REPEAT OR NO-REPEAT !important; background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important; } </style> <img src="https://y2k.neocities.org/stamps/tumblr_inline_pe6lwmXgbk1v11djx_1280.gif" width="150" height="70"/> <img src="https://raining-starss.neocities.org/s2%20(4).gif" width="150" height="70"/> <img src="https://y2k.neocities.org/stamps/tumblr_inline_pe6lflH4He1v11djx_1280.gif" width="150" height="70"/> <img src="https://y2k.neocities.org/stamps/tumblr_inline_pe6lgnMpVC1v11djx_1280.gif" width="150" height="70"/> .profile-info { display:none; }

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.