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

bloodiihell	1712423114 Using :D Report Comment
♯ SAOIRSE	1711802543 using (＾▽＾) Report Comment
Leo Σ(･ω･ﾉ)ﾉ	1709434383 Usingg Report Comment
Vik	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
lain	1704089655 usinggg Report Comment
cherri	1702448274 usinnhg Report Comment
rain	1701831280 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