pastel blue purple and pink layout city aesthetic!! :3

Tags: vaporwave, city, anime, pastel, blue, pink, purple, cute, aesthetic

Description:

hello!! i take commissions for 3-5 euros/dollars pls hit me up if you are interested :) instagram: suulien.exe this took me really long to make so i really hope you enjoy it <33 :3 Here are more pictures of the layout: hello hello hello

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by suus acc for testing (https://layouts.spacehey.com/layout?id=101439) -->

<style>

.logo {
content: url(https://project-files.picsart.com/project_files/5f285291-2231-48c0-b1c0-36b6601d7198.png?type=webp&to=min&r=242.4000096321106);
}

nav .links li.active a {
font-weight: 100;
}

.online {
content: url(https://dl.glitter-graphics.com/pub/3097/3097857hc2nx3vwum.gif);
}

.general-about .profile-pic img {
padding: 4.3px;
}

.profile .blurbs .heading, .profile .friends .heading {
background: linear-gradient(360deg, #bbe5ff, #af94ff);
color: #8245c4;
border: 2px #d5d9ff solid;
border-bottom: none;
}

nav .top {
border-top-right-radius: 15px;
border-top-left-radius: 15px;
background-image: url(https://project-files.picsart.com/project_files/e618b1c6-7c18-4aa1-9972-b4ae461bb205.png?type=webp&to=min&r=242.4000096321106);
background-size: 203px;
align-items: center;
}

nav .links {
background: linear-gradient(180deg, #7164fbe6, #e4b6f9)
}

nav .links a {
text-shadow: 0 0 7px #5909c3;
}

nav .links a:hover {
color: #7108e1; 
text-shadow: none;
}

body {
background-image: url(https://mir-s3-cdn-cf.behance.net/project_modules/fs/7a9dc188654445.5ddd060f6aed5.jpg);
background-size: 390px;
background-attachment: fixed;
}

main {
color: #4a1a86;
background-image: url(https://i.pinimg.com/236x/55/18/9e/55189e71c697122bb21dab51ad9939c8.jpg);
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}

div.blog-preview {
background-image: url(https://i.pinimg.com/564x/72/81/6d/72816d9ce47150127537c074a57ed5e7.jpg);
border: 2px white double;
border-radius: 7.5px;
background-position: left;
text-align: center;
}

.general-about .details {
background-image: url(https://i.pinimg.com/originals/b2/51/3e/b2513eb229184c0d6c99d2873b14b50b.jpg);
background-size: 298px;
padding: 27px;
border: 2px white double;
border-radius: 7px;
background-position: center;
}

.col.w-40 {
width: 40%;
box-shadow: white 0 0 11px 2px;
border: 2px double #ffddfc;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}

.col {
box-shadow: white 0 0 10px 2px;
border: double 2px #ffddfc;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}

.profile-info {
border: 2px double white;
box-shadow: #bcb7ff96 0px 0px 17px 3px;
background: linear-gradient(305deg, #edf0ff96, #e8e1ff45);
border-radius: 7px;
}

.comments-table td:first-child {
background-image: url(https://i.pinimg.com/564x/b6/14/4b/b6144b6315faa8613456de5fe1dc34a9.jpg);
background-size: 183px;
}

.comments-table td:last-child {
background-image: url(https://i.pinimg.com/564x/a9/af/b9/a9afb91e5d0223a7d198841b5e43e4fd.jpg);
background-size: 297px;
}

.comment-reply:not(:first-child) {
border-top: 1px solid #f0bbf7;
}

.profile .blurbs .inner {
background-image: url(https://i.pinimg.com/564x/87/d2/0a/87d20af7e3e321abe728996c6ea352f0.jpg);
background-size: 460px;
border: 1.5px dotted white;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}

.count {
color: #8245c4;
}

.profile .blurbs .section h4 {
color: #8245c4;
}

.profile .friends .person p {
color: #6d39c7;
}

a {
color: #8245c4;
}

a:hover {
color: #8e69de;
}

 .profile .contact {
background-image: url(https://i.pinimg.com/originals/ff/7e/15/ff7e151ada9569c2e9476b80f093548d.jpg);
background-size: 304px;
}

footer {
border-radius: 8px;
height: 55px;
background-image: url(https://i.pinimg.com/564x/44/24/b5/4424b5cea23a87638fd792c338933450.jpg);
background-position: center;
background-size: 208px;
}

FOOTER > UL.links {
display: none;
}

FOOTER > P:nth-child(1) {
display: none;
}

FOOTER > P:nth-child(2) {
display: none;
}

P.copyright {display: none;}

.profile .contact .heading {
background: linear-gradient(0deg, #ff73e900, #faf8ff40);
border-top-right-radius: 8px;
border-top-left-radius: 8px;
color: #7f55ca;
}

.profile .friends .inner {
background-image: url(https://i.pinimg.com/564x/7f/f6/9b/7ff69b2be7ad787ae1f323660d6574ac.jpg);
background-position: bottom;
background-size: 600px;
}

.profile .contact {
border: 2px double #efebfff2;
border-radius: 8px;
}

.profile .url-info {
border: 1.5px double #ffffff8c;
border-radius: 4px;
background: linear-gradient(285deg, #47bfff40, #ffffff94, #a983ee36);
box-shadow: 0px 0px 14px 0px white;
color: #5f18c8;
}

.general-about .profile-pic {
float: left;
margin: 15px 8px 0;
}

.comment-replies {
padding: 0 5px;
border: 3.5px solid #f6efff73;
}

nav .links li:not(:last-child)::after {
content: " | ";
color: #ccbcf6;
}

.details-table td:first-child {
background: linear-gradient(270deg, #87e4ffcc, #d6b5ffc9);
color: #f4edfd;
font-weight: bold;
width: 33%;
}

.details-table td {
background: linear-gradient(45deg, #87e4ffcc, #d6b5ffc9);
vertical-align: top;
}

.profile .table-section .heading {
 background: linear-gradient(0deg, #dd87ffcc, #b5d9ffe0);
 color: white;
 padding: 2px 7px;
}

.profile .table-section {
border: 2px solid #f5e8ffc9;
}


button, input {
overflow: visible;
border: 1.5px #adadff double;
border-radius: 4px;
color: #5f0797;
background: #f6efff;
outline: none;
}

::-webkit-scrollbar {
   width: 0.978em;
}


::-webkit-scrollbar-track {
   background: white;
   border-radius: 0vw;
   margin-block: .5em;
}


::-webkit-scrollbar-thumb {
   background: linear-gradient(347deg, #868afa, #e9c6ff, #adc5f7, #87ecf7, #eac3ff, #868afa);
   border-radius: 0vw;
border: 1.5px white double;
}


::-webkit-scrollbar-thumb:hover {
   background: linear-gradient(347deg, #868afa, #e9c6ff, #adc5f7, #87ecf7, #eac3ff, #868afa);
border: 1.5px white double;
}


    .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-31.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-51.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://cutekawaiiresources.files.wordpress.com/2016/11/melody-3.gif
")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://cutekawaiiresources.files.wordpress.com/2016/11/melody-2.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-21.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-62.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://cutekawaiiresources.files.wordpress.com/2016/11/melody-14.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://cutekawaiiresources.files.wordpress.com/2016/11/melody-15.gif")
    } 

div#comments.friends {
overflow-y: scroll;
height: 360px;
}

</style>

<style>body { cursor: url('data:image/x-icon;base64,AAACAAEAICACAAAAAAAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAgAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAA8tDqAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAAABgAAAQwAAAGMAAAB2AAAAfgAAAH/gAAB/wAAAf4AAAH8AAAB+AAAAfAAAAHgAAABwAAAAYAAAAEAAAAAAAAAA///////////////////////////////////////////////////////////////////////////+f////D///zw///8Yf///CH///wD///8AD///AA///wAf//8AP///AH///wD///8B////A////wf///8P////H////z////8='), auto; }</style>

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 68 comments ( View all | Add Comment )

Sayaka	1768662292 usinng Report Comment
·˚ ༘₊· ͟͟͞͞꒰➳Rain𐦍༘	1768125896 Using!! You did such a good job ˃ 𖥦 ˂ Report Comment
EveLyss	1767742419 Usandooo!! Report Comment
Ekō	1765778794 using bits and peices of it Report Comment
✩°𓏲⋆ mochi ! ⋆⸜✮˚	1762267066 using! Report Comment
Julivor	1761539549 wow thanks! Report Comment
Jinshi	1759415015 ussingg!! Report Comment
Aryamfrune	1758935184 Using!! Report Comment
Bhadgalsandy	1757720900 Excellent job! I 💖 it✨ Report Comment
Cherry 🍒	1757706735 using! thx Report Comment
idk	1755865424 using! Report Comment
Lulu is asleep	1755792871 usingg Report Comment
deep_lilac	1754419634 I use it ! It's a beautiful layout btw <3 Report Comment
Roxy☆	1753582985 Useing! but for some reason the background wont show up for me :( (I don't know if its my problem or not) Report Comment
🌈~SKITTLEZZ~🌈	1752177085 Using Report Comment
Alex ˃ 𖥦 ˂	1750836711 using >:3 Report Comment
Illyyyy✩°｡⋆⸜ 🎧✮	1750389964 using :)) Report Comment
𓆩✮lҽҽղ✮𓆪	1748056660 using! Report Comment
getokisser	1745134838 using Report Comment