Pink & White Hearts Flipped Layout 🤍

Tags: layout, layouts, pink, white, black, hearts, cute, simple

Description:

Hello Everyone!
I hope you like this layout I created!
The profile layout is flipped to give the layout a different look! 😊
Please let me know in the comments if you decide to use this layout!
If you'd like to be super nice & credit me somewhere on your page, that would be much appreciated as well!
Additionally, feel free to add me! I always love gaining new friends! 😊

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Jody Marie ♡ (https://layouts.spacehey.com/layout?id=30517) -->

<style>/* Cursor & Scrollbar */
	* {cursor: url('https://cur.cursors-4u.net/cursors/cur-5/cur425.cur'), auto !important;}
	
	 /* Chrome, Edge, and Safari */
	*::-webkit-scrollbar {width: 18px;}

	*::-webkit-scrollbar-track {background: #fff;}
	
	*::-webkit-scrollbar-thumb {
		background-color: #f2bfbb;
		border-radius: 10px;
		border: 3px solid #f2bfbb;
	}
</style>

<style>/* Profile Design Info */
    :root {
        --logo-blue: #f2bfbb;
        --darker-blue: #f2bfbb;
        --lighter-blue: #f2bfbb;
        --even-lighter-blue: #000000;
        --lightest-blue: #000000;
        --dark-orange: #ffffff;
        --light-orange: #f2bfbb;
        --even-lighter-orange: #000000;
        --green: #000000;
	}


    body
        {background: url("https://images2.imgbox.com/ba/0a/ZosEG0gC_o.jpg");}
     
    .profile {background-color: #fff; color: #000;}
    
	main {
        border-radius: 0 0 10px 10px;
        background: rgba(255,255,255) !important;
padding: 0px 0px;
    }
	
	* {font-family: Monospace;}
	
	.container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 15px;
        background: rgba(242,191,187) !important;
        color: #fff !important;
        display: block !important;
    }
	
	footer .links a{color: #ffffff !important;}
	
    footer .links a:hover{color: #ffffff !important;}

footer .copyright a{color: #ffffff !important;}
	
	.profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
	
	a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
</style>

<style>/*Search Users Box (Background Color/Background Image)*/
    .top input{border-radius: 15px 15px 15px 15px;}
</style>

<style>/*Buttons (Background Color/Background Image)*/
    button{
    border-radius: 25px 25px 25px 25px !important;
	color: #f2bfbb;
	font-weight: bold;
    background-color: white !important;
	}
</style>

<style>/* Navigation */
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    
    nav .links a{
        color: #fff; !important;
        text-shadow: none !important;
font-weight: bolder;
    }
    
    nav .links a:hover {color: #fff; !important;}
    
    nav .links {
        text-align: center;
        padding: 3.5px 3.5px 5.5px 3.5px;
        font-size: 70%;
    }
</style>
    
<style>/* Links */
    a:hover {color: #000;}
</style>

<style>/* Flip Profile */
    .profile{direction: rtl;}
.blog-preview{direction: ltr; text-align: center;}
    .blurbs{direction: ltr;}
    .friends{direction: ltr;}
    .general-info{direction: ltr;}
    .details-table{direction: ltr;}
    .profile .table-section .heading{direction: ltr;}
    .details p{direction: ltr;}
	.mood{direction: ltr; text-align: right;}
.contact .heading {display: none !important;}
.url-info{direction: ltr; text-align: right;}
</style>

<style>/* Profile Name Header */
	@import url('https://fonts.cdnfonts.com/css/cheri');
	.profile .left h1{ font-family: 'Cheri', sans-serif; font-size: 40px; color: #f2bfbb; text-align: center; overflow-wrap: break-word;
}
</style>

<style>/* Profile Picture & Online Icon */
	.details p {text-align: center; font-family: monospace; font-size: 18px;}
	.profile-pic {border-radius: 500px; overflow: hidden;}
	.mood {text-align: right;}
    .online {visibility: hidden;} 
    .online img { 
        content: url("https://ct.pimp-my-profile.com/online/26.gif"); 
        animation-name: none; 
        visibility: visible; 
        height: 15px; 
        width: 60px;
		display: block;
		margin-left: auto;
		margin-right: auto;
    }
</style>   

<style>/* Headers Colors */
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: #f2bfbb !important;
        color: #fff !important;
        text-align: center;
        border-bottom: 2px solid;
border-radius: 10px 10px 10px 10px;
    }
	
	.profile .blurbs .section h4{color: #f2bfbb; font-weight: bolder;}
</style>

<style>/* Interests Table Info */
    table.details-table {border-collapse: collapse;}
    table.details-table td {background-color: #fff !important;}
.details-table td:first-child {color: #f2bfbb !important;}
</style>

<style>/* Blog Info */
    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: #000;
font-weight: bolder;
    }
	
    .blog-preview p a{color: #f2bfbb !important;}
	
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: #000 !important;
    }
</style>
    
<style>/* Friends Info */
    .profile .friends .heading{color: #ffffff;}
.profile .friends{text-align: center;}
    .count {color: #f2bfbb;}
    .profile .friends .person p{color: #f2bfbb !important;}
	.profile .friends .person img {border-radius: 500px;}

    .profile .friends .person img:not(.icon) {
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(242, 191, 187, 0.71);
        border: 2px solid rgba(255, 255, 255, 1);
    }
    
    .profile .friends .person img:not(.icon):hover {
        transform: scale(1.1);
        transition: 0.5s ease;
    }
    
    .profile .friends .person img:not(.icon) {transition: 0.5s ease}
</style>

<style>/* Comments Info */
    table.comments-table td {
        background-color: #fff !important;
        border: none;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }
	
	.comments-table{
        display: block;
        height: 350px;
        overflow-y: scroll;
        border: none;
    }
</style>

<style>/* Custom Profile Headers */
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "Contact Me 🤍"; font-size:.9rem; font-weight: bolder; }

.w-40 .table-section:nth-last-child(2) .heading h4{ font-size:0;}
.w-40 .table-section:nth-last-child(2) .heading:before{content: "What I Like 🤍"; font-size:.9rem; font-weight: bolder; }

.w-40 .table-section:last-child .heading h4{ font-size:0; }
.w-40 .table-section:last-child .heading:before{ content: "Follow Me 🤍"; font-size:.9rem; font-weight: bolder; }

.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.8rem;margin-left:5px; }
.blog-preview h4:before{ content: "My New Blogs 🤍"; font-size:.8rem; }

.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "My Life 🤍"; font-size:.9rem; font-weight: bolder; }

.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
.blurbs .inner .section:nth-child(1) h4:before{ content: "About Me:"; font-size:.9rem; }

.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "Who I'd Like To Meet:"; font-size:.9rem; }

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "The Friends 🤍"; font-size:.9rem; font-weight: bolder;}

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Leave Me A Comment 🤍"; font-size:.9rem; font-weight: bolder;}
</style>

About me text goes here.

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

j	1719907909 using this layout:3 Report Comment
leaf	1688788359 using! this layout is so adorable uuuuu ^_^ Report Comment Thank you! by Jody Marie ♡; 1688790609; Report
SUNIHAE	1686807108 using! tysm!! <3 Report Comment Thank you! by Jody Marie ♡; 1686828118; Report
j	1685688355 using ! this is so cute, i love it :3 Report Comment Thank you! by Jody Marie ♡; 1685713884; Report
aya :3	1685086321 using!! Report Comment Thank you! by Jody Marie ♡; 1685099909; Report
✰kimora✰	1684963901 You must have a magic computer or something because all of your layouts are so good Report Comment Lol awww thank you!!! & Nope, just lots of time working on trying to code these layouts to look as good as possible! by Jody Marie ♡; 1684974458; Report
tiff ♡	1684592667 using ! tysm ♡ Report Comment Thank you! by Jody Marie ♡; 1684597683; Report
Starr	1684378268 using!! :D Report Comment Thank you! by Jody Marie ♡; 1684422095; Report
Liam☆	1684276210 HEY ITS ME OFC LOL COULD U DO A dark academia gay LAYOUT? sorry caps Ideas: or could you do a layout of the movie The goldfinch? with Boris and theo Report Comment
Meria	1684000208 using !! Report Comment Thank you! by Jody Marie ♡; 1684053753; Report
Mike Stoughton	1683941929 Hello, I would like to place an order! If it is possible, could you make a dessert jonah layout of what the mandela dessert catalog would be? If it is possible in a creepy way (since unfortunately they put him as someone harmless when he is not) and if it is not possible, could he be one of the Alternative gabriel de mandela catalogue? Thank you very much and sorry for the inconvenience!! xb Report Comment
pearl 🐾	1683939385 hey! can i request? Report Comment request a layout? by Jody Marie ♡; 1683940453; Report yup by pearl 🐾; 1683940621; Report what would you like? by Jody Marie ♡; 1683940733; Report fanboy & chum chum layout pls! by pearl 🐾; 1683941297; Report Here you go! [ click here ] Sorry for the delay! Hope you like it! by Jody Marie ♡; 1684359884; Report
Jane Doe	1683741486 Using!!!! Report Comment Yay!!! Thank you! 💜 by Jody Marie ♡; 1683743807; Report