Pink layout

Tags: pink, purple, light purple, bela

Description:

Feel free to customize as you wish.
If you have any questions, please comment below or go to my blog here.
✧ I appreciate your comments ٩(๑❛ᴗ❛๑)۶

Background Image Credits —

    ⇘ Profile Background: https://www.transparenttextures.com/patterns/crissxcross.png

    ⇘ Pink Snowy Forest: https://i.pinimg.com/originals/a1/3d/a1/a13da190d8845b6ef905cfe7eb17ff39.jpg

    ⇘ Profile Pic Border Image: https://cdn.pixabay.com/photo/2016/02/28/21/25/decorative-1227612_960_720.png

    ⇘ Contact Image: https://i.imgur.com/x17PzbU.gif

    ⇘ Contact Images Fairy: https://i.imgur.com/LkXUxMr.gif

    ⇘ .url-info: https://i.pinimg.com/originals/2d/1f/c7/2d1fc7148dcc6fe68f7bef6bdca1113e.jpg

    ⇘ Blog Preview: https://64.media.tumblr.com/67e6191da32ee2abddc02029463afac5/7cf915f60095705b-ee/s400x600/66f8db2c15c2577a95995203be8cf6f5ea1c012d.gifv

    ⇘ Blog Preview: https://64.media.tumblr.com/4eeadb56861c53dfdac104868e9a56fb/7cf915f60095705b-d6/s75x75_c1/3f25dae0cc4ac41fa682a2df512ab8b0ab2c243b.gifv

    ⇘ Blog Preview: https://64.media.tumblr.com/0f0da9978647c133ea0c8f7bf5ebc9cb/tumblr_inline_mnulb9k9gd1qz4rgp.gif

    ⇘ Blog Preview: https://freepngimg.com/download/artwork/99462-purple-art-aesthetic-png-free-photo.png

    ⇘ Gyaru Girls: https://engrampixel.tumblr.com/tagged/gyaru

    ⇘ Comments Table: 'https://64.media.tumblr.com/a58f665d8eba47424226ac8089c65e67/870b681976b4acfd-08/s250x400/b36363286bad6a1cd580b5f0ded7629a42d8204f.gifv

Layout Preview:

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Bela 🔊⬆ (https://layouts.spacehey.com/layout?id=2499) -->

<style>
/* cursors */
a:hover{ cursor: url('https://cdn.custom-cursor.com/db/8215/32/neon-butterfly-pointer.png'),auto;}
body{ cursor: url('https://64.media.tumblr.com/3749df4eb652ce5a5982a6818c3d90dd/4d622fbd97d18c69-a5/s75x75_c1/68c9cda0dc3c45055ff0b7806b2c8d30bb67306f.gifv'), auto;}
</style>

<style> 
/* fonts */
@font-face { font-family: "MyLastBreathRegular-0WD8G"; src: url('//dl.dropbox.com/s/ccog5qawj7h6idr/MyLastBreathRegular-0WD8G.ttf'); }
@font-face {font-family: "StarellaTattooDecoPersonal-qZZ4x"; src: url('//dl.dropbox.com/s/h17r9njmxy99s0o/StarellaTattooDecoPersonal-qZZ4x.ttf'); }
</style>

<style>
/* fonts */
    @import url('https://fonts.googleapis.com/css2?family=Merienda&display=swap');
</style>

<style>
body{
    background-image: url('https://www.transparenttextures.com/patterns/crissxcross.png');
    background-color: rgba(255, 228, 225, 0.9);
    background-size: 5%;
}
.container{
    background: url('https://i.pinimg.com/originals/a1/3d/a1/a13da190d8845b6ef905cfe7eb17ff39.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
}
main{
    color: #404040!important;
    background: transparent;
    background-size: contain;
    background-position: center;
    background-attachment: fixed;
}
nav .top{
    background-color: transparent!important;
    color: #d0723f!important;
}
nav .links{
    background-color: transparent;
    text-align: center;
    border-top: 2px solid pink;
    border-bottom: 2px solid pink;
}
nav img.logo{
    filter: brightness(0) saturate(100%) invert(77%) sepia(24%) saturate(196%) hue-rotate(251deg) brightness(103%) contrast(84%) drop-shadow(0px 3px 1px #d0723f)!important;
    
}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " †";
    color: black;
}

/*=== color the search bar and button ===*/

.search-wrapper input[type=text] {
    background-color: transparent!important;
    border: 1px solid #d0723f!important;
}
button{
    border: 0px solid DarkGray!important;
    background-color: transparent!important;
    color: black!important;
}
.heading{
    background-color: transparent!important;
    background-size: contain;
    text-align: center;
    text-shadow: 1px 1px 2px gray!important;
}
h1{
    padding-left: 20px !important;
    font-family: "MyLastBreathRegular-0WD8G";
    font-size: 50px!important;
    color: thistle!important;
    text-shadow: 0px 3px 1px #d0723f;
}
a{
    font-family: 'Merienda', cursive!important;	
    text-shadow: 1px 1px 2px gray!important;
    font-size: 12px!important;
    color:black!important;
}
p, nav label, .section, button, nav .top{
    font-family: 'Merienda', cursive!important;	
    font-size: 12px!important;
    color:black!important;
    text-shadow: none;
}
.count, .url-info p{
    color: brown!important;
    font-family: 'Merienda', cursive!important;	
}
h2, h3, h4, h5{
    font-family: "MyLastBreathRegular-0WD8G";
    letter-spacing: .8px;
    font-size: 20px!important;
    padding: 5px;
    color: #d0723f!important;
}
.mood P:nth-child(1) B, P:nth-child(2) B{
    color: black!important;
    text-shadow: 0px 2px 1px #ff9cb1;
    font-family: "MyLastBreathRegular-0WD8G";
    letter-spacing: .8px;
    font-size: 20px;
    padding: 5px;
}
.profile-pic{
    background: url('https://cdn.pixabay.com/photo/2016/02/28/21/25/decorative-1227612_960_720.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.profile-pic img{
    background-size: contain;
    border-radius: 50%;
    padding: 25px;
}
.online p{
    text-transform: lowercase!important;
}
.online img {
    filter: brightness(0) saturate(100%) invert(77%) sepia(24%) saturate(196%) hue-rotate(251deg) brightness(103%) contrast(84%) drop-shadow(0px 1px 1px #d0723f)!important;
}
.mood{
    text-align: left;
}

/*=== contact ===*/

.contact a{
    color: pink!important;
    text-shadow: 1px 1px 3px black!important;
}
.profile .contact .heading{display:none;}

.contact{
    background: url('https://i.imgur.com/x17PzbU.gif');
    background-size: cover;
    border: 5px double #d0723f !important;
}
.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://i.imgur.com/LkXUxMr.gif');
	
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: url('https://i.imgur.com/LkXUxMr.gif');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://i.imgur.com/LkXUxMr.gif');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: url('https://i.imgur.com/LkXUxMr.gif');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: url('https://i.imgur.com/LkXUxMr.gif');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: url('https://i.imgur.com/LkXUxMr.gif');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: url('https://i.imgur.com/LkXUxMr.gif');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: url('https://i.imgur.com/LkXUxMr.gif');
}
.url-info{
    background: url('https://i.pinimg.com/originals/2d/1f/c7/2d1fc7148dcc6fe68f7bef6bdca1113e.jpg');
    background-size: 100%100%;
    background-position: center;
    height: 100px;
    border: 5px double #d0723f !important;
}
.table-section{
    background-color: rgba(255, 228, 225, 0.9);
    border: 5px double #d0723f !important;
}
.details-table{
    border-spacing:0px 10px;
}
.details-table td{
    border-top:2px dotted #d0723f;
    padding:5px;
    background-color: transparent!important;
}
.profile-info{
    border: 5px double #d0723f !important;
    background-color: rgba(255, 228, 225, 0.9);
}
.blog-preview h4{
    color: #d0723f!important;
    text-shadow: 1px 1px 2px gray!important;
    text-align: center;
    padding-top: 50px;
}
.blog-preview{
    text-align: center;
    border: 5px double #d0723f !important;
    background: url('https://64.media.tumblr.com/67e6191da32ee2abddc02029463afac5/7cf915f60095705b-ee/s400x600/66f8db2c15c2577a95995203be8cf6f5ea1c012d.gifv'), url('https://64.media.tumblr.com/4eeadb56861c53dfdac104868e9a56fb/7cf915f60095705b-d6/s75x75_c1/3f25dae0cc4ac41fa682a2df512ab8b0ab2c243b.gifv'), url('https://64.media.tumblr.com/0f0da9978647c133ea0c8f7bf5ebc9cb/tumblr_inline_mnulb9k9gd1qz4rgp.gif'), rgba(255, 228, 225, 0.9);
    background-size: 100%, 15%, 25%;
    background-position: center top, bottom left, bottom right;
    background-repeat: no-repeat;
}
.blog-preview :not(:first-child) {
    width: 110px;
    text-align: center;
    display: inline-block;
    padding-right: 15px;
    vertical-align: top;
}
.blog-preview :not(:first-child):before {
    content: "";
    display: block;
    width: 96px;
    height: 60px;
    background: url('https://freepngimg.com/download/artwork/99462-purple-art-aesthetic-png-free-photo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.blurbs{
    background-color: rgba(255, 228, 225, 0.9);
    border: 5px double #d0723f !important;
}
.friends{
    background-color: rgba(255, 228, 225, 0.9);
    border: 5px double #d0723f !important;
    margin-bottom:10px;
}
.friends-grid{
    background: url('https://64.media.tumblr.com/2e49369bd13aebc5ab10c1cbe13361b1/09501630ea755db3-65/s250x400/2e8afc79f0f1a3c9453e6900dc8e68572171a10e.png'), url('https://64.media.tumblr.com/cf533770e76efb1334ddb889250a07ac/tumblr_inline_p8g136tXzv1qid2nw_250.gifv'), url('https://64.media.tumblr.com/ef9fd2a345a932b5a0a854de00a04b2b/tumblr_inline_pdul7x234u1qid2nw_250.gifv');
    background-size: 20%, 25%, 25%;
    background-repeat: no-repeat;
    background-position: bottom left, bottom center, bottom right;
    padding-bottom:80px;
}
#comments{
    background: url('https://64.media.tumblr.com/a58f665d8eba47424226ac8089c65e67/870b681976b4acfd-08/s250x400/b36363286bad6a1cd580b5f0ded7629a42d8204f.gifv'), rgba(255, 228, 225, 0.9);
    background-position: bottom center;
    background-repeat-y: no-repeat;
}
.comments-table {
    text-align: left!important;
    display: block;
    height: 600px!important;
    overflow-y: scroll;
    border: 1px solid pink !important;
    outline: none !important;
    padding: 0px;
    margin: 0px;
}
.comments-table td {
    background-color: transparent!important;
}

/* line in between comment replies*/

.comment-reply:not(:first-child){
    border-top: 3px double brown;
}
.comment-replies{
    border:2px dotted pink;
}
footer{
    text-align: center;
    font-size: 60%;
    background: transparent;
}
FOOTER > P:nth-child(1){
    border-top: 2px solid pink;
}
FOOTER > P:nth-child(2){
    border-bottom: 2px solid pink;
}
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
::-webkit-scrollbar-track {
    border-radius: 0px;
    width: 1px;
    border: 1px solid pink;
}
::-webkit-scrollbar-thumb {
    background: tan;
    border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
    background: pink;
}
</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 18 of 18 comments ( View all | Add Comment )

rain	1701831280 using! :) Report Comment
slingshotmain64	1696114110 using! Report Comment
koiiaurore	1693004243 thank u smm!! will be using <33 Report Comment
Katey_Katt	1689272153 This is so cute! Tysm! Report Comment
angellic ardoure	1688019396 using tysm Report Comment
BlissfulAria	1680895480 Using , thank you very much ! Report Comment
P33P4W	1680151481 Using Report Comment
joyce (^з^)-☆	1679945095 using :3 Report Comment
joyce (^з^)-☆	1679945095 using :3 Report Comment
Gracie	1679876352 Gorgeously, beautifully pretty ^^ Report Comment
♡ Sui ♡	1677123956 so pretty!!! <3 Report Comment
♡ Sui ♡	1677123955 so pretty!!! <3 Report Comment
Valeria	1675089568 so cute! love it Report Comment
mel	1674855253 using very petty Report Comment
Amber Whitfield	1661392197 will be using this, omg its so cute. Report Comment
SeiraCiel	1636874202 I used this for my profile! Thank you so much for making it! I put credits in my about me with a link to your profile! （´・｀）♡ Report Comment
MIO	1632017553 I LOVE IT! I credited you by the way!! It's so beautiful and pretty, I love this layout so much!! You did such an amazing job working this, keep up with the great work omg!! Report Comment Thank you I appreciate it I saw your profile, it looks cool! by Bela 🔊⬆; 1632042775; Report Aww, thank you!! But I really appreciate you making this layout !! It must be really an rough work to do all of this coding and I am grateful for that! Thank you so much again!! ^_^ by MIO; 1632074377; Report