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 20 of 39 comments ( View all | Add Comment )

Satoshi	1732758693 using Report Comment
𝕊𝕡𝟘𝕚𝕝𝕖𝕕ℙ𝟛𝕒𝕣𝕝𝕫	1732556839 Using :DD Report Comment
MilkCat	1732316842 using Report Comment
Narunyan!!	1731415264 using! Report Comment
daydream	1723328325 using :3 Report Comment
౨ৎ noor	1722015399 using Report Comment
Phoebe Arella	1721769987 Using!! Report Comment
Vignette	1718042712 using Report Comment
QP	1717178034 using!! Report Comment
Evelyn	1715785320 using!! Report Comment
RyleeGamerz	1714056941 Using this beautiful masterpiece!:3 Report Comment
bloodiihell	1712423114 Using :D Report Comment
♯ SAOIRSE	1711802543 using (＾▽＾) Report Comment
Leo Σ(･ω･ﾉ)ﾉ	1709434383 Usingg Report Comment
Yume	1709148056 using!! Report Comment
Swett_Cherry	1708078345 ¡Using! Report Comment
atlas	1707556900 using !! Report Comment
yuyu	1707003884 using !! Report Comment
evvy :)	1706602535 using (might not be permanent) Report Comment
kady	1704509570 using!! Report Comment