pastel kpop layout

Tags: kpop, pastel, layouts, newjeans, stars, blue, pink, cute

Description:

hi this is my first profile layout so it might be a bit poopy but i hope someone will enjoy it :) includes get up - newjeans autoplay + bunny mascot :3 LMK if something breaks, i'll try fix it even though i kind of have no idea what i'm doing 😅

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by chuu ૮ ˶ᵔ ᵕ ᵔ˶ ა (https://layouts.spacehey.com/layout?id=97302) -->

<style>* {cursor: url(https://ani.cursors-4u.net/symbols/sym-8/sym752.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2013/02/13/sexy-pink-heart-15.html" target="_blank" title="Sexy Pink Heart"><img src="https://cur.cursors-4u.net/cursor.png" alt="Sexy Pink Heart" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>



p {

color: darkslateblue;

text-shadow: 0px 0px 4px lightpink;

}



body{

background-image: url('https://i.pinimg.com/564x/b9/ec/00/b9ec006f554e759cd33db2030bd022e1.jpg') !important;

background-attachment: fixed !important;

background-repeat: no-repeat !important;

background-position: top left !important;

background-size: cover !important; }



main {

box-shadow: inset 0px 0px 40px lightblue;

padding: 10px;

}

.links a{color: white !important;}

.links{

background-color: lightblue !important;

background-attachment: fixed !important;

background-repeat: no-repeat !important;

background-position: top left !important;

background-size: cover !important; }



.top{

background-color: lightblue !important;

background-attachment: fixed !important;

background-repeat: no-repeat !important;

background-position: top left !important;

background-size: cover !important; }



h1{color: #f3c7de !important;}



:root {

--cd-image: url('https://i.postimg.cc/HswsgCSx/96fa0c6ed9ee80e8a29c57ad08b7b37c-removebg-preview.png');

}

.profile-pic {

position: relative;

width: 183px;

filter: drop-shadow(0 0 0.25rem gray);

}

.profile-pic:after {

content: "";

background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));

background-size: contain, cover;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}



.profile-pic:before {

content: "";

background: var(--cd-image);

position: absolute;

top: 5px;

left: -20px;

width: 150px;

height: 150px;

background-repeat: no-repeat;

z-index: -1;

animation-name: spin;

animation-duration: 5000ms;

animation-iteration-count: infinite;

animation-timing-function: linear;

transition: left ease 0.5s;

}

.profile-pic:hover:before {

left: -75px;

}

@keyframes spin {

from {

transform:rotate(0deg);

}

to {

transform:rotate(360deg);

}

}

.profile-pic .pfp-fallback {

float: right;

width: 163px;

height: 160px;

border: none;

}

.general-about .profile-pic img {

max-width: inherit;

}

.contact img.icon {

display: none;

}

.contact{background-color: !important;}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{

/* add to friends */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{

/* add to favorites */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{

/* send message */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{

/* forward to friend */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{

/* instant message */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add to group */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report user */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

/* corner image. hidden on mobile */

.image {

background: url('https://i.postimg.cc/k5V07Qnc/bg-f8f8f8-flat-750x-075-f-pad-750x1000-f8f8f8-removebg-preview.png') no-repeat;

background-size: 100%!important;

position: fixed;

right: 0px;

bottom: 0px;

height: 320px;

width: 300px;

z-index: 1000;

opacity: 1;

}

@media (max-width: 600px) {

.image{display:none;}

}



}



.blog-preview, span[itemprop="name"] h1 {

color: lightblue;

text-shadow: 0px 0px 4px plum;

}



.profile .friends .person p {

color: lightblue;

text-decoration: underline;

}



:root {

--light-gray: #f2f0f0;

--gray: #e3e3e3;

--dark-gray: #919191;

--darker-gray: #545454;

--logo-blue: slateblue;

--darker-blue: lightblue;

--lighter-blue: slateblue;

--even-lighter-blue: lightblue;

--lightest-blue: lightblue;

--red: #FF0000;

--dark-orange: slateblue;

--light-orange: slateblue;

--even-lighter-orange: slateblue;

--strange-yellow: white;

--green: #34D399;

--light-green: #E6F8DD;

--medium-green: #A0C99C;

--dark-green: #059669;

accent-color: #1D4ED8;

accent-color: var(--logo-blue);

}



a:link {

color: #483d8b;

text-shadow: 0px 0px 4px lightpink;

}



.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .setting-section .heading h4, .statistics .heading h4 {

color: lightblue;

}

</style>

<div class="image"></div>



<style>.container{width: 900px !important;}</style>

<style>table.comments-table{display: block;height: 250px!important;overflow-y: scroll;}</style>

<style>

.comments-table td{

background-color: white !important;

background-attachment: fixed !important;

background-repeat: no-repeat !important;

background-position: top left !important;

background-size: cover !important; }

</style>

<style>

.profile .friends .person img {

clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%)

}

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/SXM1q0CTfew/?&;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>

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.

Comments

Displaying 20 of 112 comments ( View all | Add Comment )

Bear - Silly!	1792563229 using! Report Comment
sarange	1791084442 using Report Comment
cheezie	1789737701 using Report Comment
Britany	1785985875 USING!!!!! Report Comment
asherine 𐔌՞. .՞𐦯	1781835010 using Report Comment
mark qwark	1781394510 using Report Comment
mango	1779657281 using Report Comment
llimenaaa	1776978059 usingg !! Report Comment
c 𝜗𝜚⋆₊˚	1776067438 USSINGGUAHAH Report Comment
swagneya	1773436963 using Report Comment
Aeri۶ৎ	1772270294 using :3 Report Comment
゛ ⸝⸝.ᐟ⋆ nanashiro .ᐟ	1769313143 using!!! Report Comment
lee =w=	1768954974 using, ty!! Report Comment
v4mziee	1768617285 Uuuusing ^_^ Report Comment
𐔌 . ⋮ Hikki .ᐟ ֹ ₊ ꒱	1764763774 using !! Report Comment
kayak_4	1762940029 using!! <3 Report Comment
Miss_Sheep	1762459690 Using!! ^^ Report Comment
safa mim	1762216488 usinggg Report Comment
Jennyyy	1760798592 using tyy Report Comment