Pink & Black Flowers Layout [Condensed]

Tags: layout, layouts, pink, black, flowers, cute, simple, pastel

Description:

Hello Everyone!
I hope you like this layout I created!
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!

*PLEASE NOTE: Within the layout coding, I have listed the areas you can add your information in. DO NOT erase the br spacing coding that separates the sections or else your information will end up either blended with the titles or the spacing will be too close to the other titles. You will see in the layout that it will say the name of the header section first, then underneath where your information goes. Then 2 br spacing codes after.

Preview:

click on the image for a larger preview

Code:

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

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

	*::-webkit-scrollbar-track {background: #000;}

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

<style>/* Profile Design Info */
    :root {
        --logo-blue: #ef7781;
        --darker-blue: #ef7781;
        --lighter-blue: #ef7781;
	}

    .top {border-radius: 25px 25px 0 0;}

    main {
        color: white !important;
        font-weight: normal !important;
        font-family: verdana !important;
        font-size: 11px !important;
        background-color: #000 !important;
        letter-spacing: .2px !important;
        border-radius: 25px 25px 25px 25px !important;
	padding: 0px 0px;
        }

	body
        {background: url('https://images2.imgbox.com/1a/2c/8YsJEsnq_o.jpg');}
     
    .profile {
        background-color: #000; 
        color: #fff; 
        border-radius: 0 0 25px 25px !important;
        }

    .container {
        border-radius: 25px;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
        width: 860px;
        }
</style>

<style>/* Headers */
    .profile h2 {	
    	@import url('https://fonts.cdnfonts.com/css/Cheri');
	font-family: 'Cheri', cursive; 
	font-size: 25px !important; 
	direction: ltr; 
	text-align: center;
	text-transform: lowercase;
	border: none;
	border-bottom: double;
	color: #ef7781;
	margin: 0 0 5px 0; 
	}

    .profile h3 {
	@import url('https://fonts.cdnfonts.com/css/open-sans');
	font-family: 'Open Sans', sans-serif;
	font-size: 10x !important;
	direction: ltr;
	text align: center;
	text-transform: uppercase;
	color: #ababab;
	text-decoration-line: underline;
	text-decoration-color: white;
	margin: 0 0 5px 0;
	}
</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: #ef7781;
	font-weight: bold;
    background-color: white !important;
	}
</style>

<style>/* Links */
    .links {
	color: #ef7781 !important;
	font-weight: normal !important;
	background-color: #000 !important;
	text-align: center !important;
	letter-spacing: .5px !important;
	margin-botto-9m: 0 !important;
	}

    .links a:hover {
	color: white !important;
	font-weight: normal !important;
	letter-spacing: .5px !important;
	}

    a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    	color: #fff;
    	text-decoration: none;
	}
</style>

<style>/* Navigation */
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        }

    nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
        content: " • ";
        color: #fff;
        font-size: 9px !important;
        }

    nav .links a{
        color: #ef7781 !important;
        text-shadow: none !important;
        font-weight: bolder;
        }
    
    nav .links a:hover {
        color: #fff !important; 
        font-weight: bolder; 
        text-decoration: none;}
    
    nav .links {
        text-align: center;
        padding: 3.5px 3.5px 3.5px 3.5px;
	font-family: monospace !important;
        font-size: 4px !important;
        border: none;
        border-bottom: 3px ridge #ef7781;
        }
</style>

<style>/* Friends */
    .profile .friends {text-align: center;}
    .profile .friends .inner {padding: 0px;}
    .profile .friends p {margin: 0px;}
    .count {color: #ef7781;}
</style>

<style>/* Flip Profile */
    .profile{direction: rtl;}
    .blurbs{direction: ltr;}
    .friends{direction: ltr;}
    .general-info{direction: ltr;}
    .profile .left h1{direction: ltr;}
    .details-table{direction: ltr;}
    .details p{direction: ltr;}
    .mood{direction: ltr; text-align: right;}
    .contact{direction: ltr;}
</style>

<style>/* Hidden Information */
    .profile-info {visibility: hidden; display: none;}
    .contact .heading {display: none !important;}
    .url-info {display: none !important;}
    .profile .table-section {visibility: hidden; display: none;}
    .section h4{display:none;}
    .blog-preview{display:none;}
    .profile .blurbs .heading {visibility: hidden; display: none;}
    .profile .blurbs .section:nth-child(2) {display: none;}
    .friends .heading {display: none !important;}
    .friends-grid {visibility: hidden; display:none;}
    .friends#comments .heading {display: none !important;}
    .comments-table {visibility: hidden; display: none;}
    footer .links {visibility: hidden; display: none;}
</style>

<style>/* Profile Name, Profile Picture, General Details, and Contact */
    @import url('https://fonts.cdnfonts.com/css/Cheri');
    .profile .left h1 {
	font-family: 'Cheri', cursive; 
	font-size: 37px !important; 
	direction: ltr; 
	text-align: center; 
	color: #ef7781; 
	text-shadow: 1.75px 0.5px 2px #fff; 
	letter-spacing: 0.75px;
	}

    .profile h1 {
	margin: 0 0 5px 0;
	font-family: !important;
	font-size: !important;
	font-weight: !important;
	text-align: center !important;
	background-color: #000 !important;
	padding-bottom: 5.5px !important;
	padding-top: 5.5px !important;
	}

    .general-about {
    	padding: 10px 10px 0 10px !important;
    	text-align: center !important;
    	position: relative;
    	margin-top: 5px;
    	margin-bottom: 0;
	}

    .general-about .profile-pic img {
    	max-width: 160px;
    	max-height: 160px;
	}

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

    .profile-pic {
    	width: 100% !important;
    	border-radius: 100px;
    	overflow: hidden;
	}

    .online {visibility: hidden;} 
    .online img { 
        content: url("https://ct.pimp-my-profile.com/online/26.gif"); 
        animation-name: none; 
        visibility: visible; 
        height: 15px; 
        width: 70px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        }

    .mood {
    	text-align: center !important;
    	background-color: #000 !important;
    	margin-top: 0 !important;
    	margin-bottom: 10px !important;
    	padding-top: 5px !important;
    	padding-bottom: 5px !important;
    	}

    .profile .contact {border: none;}
</style>

<style>/* Contact Icons */
    .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: "💞"
    	}
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "🤘🏽"
    	}
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "💬"
    	}
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "↗️"
    	}
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "📩"
    	}
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "🛑"
    	}
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "💎"
    	}
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "🚩"
    	}
</style>

<style>/* Footer */
    nav, footer, .profile .contact {
    	display: inherit!important;
    	opacity: 1!important;
    	}

    footer {
    	display: none !important;
    	color: transparent !important;
    	font-size: 0px !important;
    	background-color: transparent !important;
    	margin: 10px 0 10px;
    	padding: 10px 5px;
    	}
</style>

<style>
    .profile .blurbs .section {
    	margin-bottom: 14px;
    	height: 400px;
    	width: auto;
    	color: #fff;
    	font-size: 12px !important;
    	border: 0px solid black;
    	background-color: #000 !important;
    	text-align: center;
    	font-weight: normal;
    	padding-left: 10px;
    	padding-right: 10px;
    	background-attachment: fixed !important;
    	overflow-y: scroll;
    	word-wrap: break-word;
    	}

    .profile .blurbs {
    	margin-bottom: 10px;
    	}
</style>

<a href="https://layouts.spacehey.com/jodymarie09" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; background-color: #000; width: 125px; height: 16px;">Jody Marie Layouts</div></a>

<h2>About Me</h2>
About Me information goes here.

<br/><br/>

<h2>Likes</h2>
Likes go here.

<br/><br/>

<h2>Dislikes</h2>
Dislikes go here.

<br/><br/>

<h2>Favorites</h2>
<h3>Music:</h3>
Music goes here.

<br/><br/>

<h3>Movies:</h3>
Movies goes here.

<br/><br/>

<h3>TV Shows:</h3>
TV shows go here.

<br/><br/>

<h3>Books:</h3>
Books go 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.