Green & Gold Marble Layout [Condensed]

Tags: layout, layouts, green, gold, marble, cute, simple

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=83970) -->

<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: #fff;}

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

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

    .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: #fff !important;
        letter-spacing: .2px !important;
        border-radius: 25px 25px 25px 25px !important;
	padding: 0px 0px;
        }

	body
        {background: url('https://images2.imgbox.com/e8/42/ngfY5T4t_o.jpg');}
     
    .profile {
        background-color: #fff; 
        color: #000; 
        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: #4c6347;
	margin: 0 0 5px 0; 
	}

    .profile h3 {
	font-family: 'Cheri', sans-serif;
	font-size: 18px !important;
	direction: ltr;
	text align: center;
	font-weight: 700 !important;
	color: #bd9d54;
	text-transform: uppercase;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-color: #bd9d54;
	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: #4c6347;
	font-weight: bold;
    background-color: white !important;
	}
</style>

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

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

    a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    	color: #af520f;
    	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: #000;
        font-size: 9px !important;
        }

    nav .links a{
        color: #bd9d54 !important;
        text-shadow: none !important;
        font-weight: bolder;
        }
    
    nav .links a:hover {
        color: #af520f !important; 
        font-weight: bolder !important; 
        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 #4c6347;
        }
</style>

<style>/* Friends */
    .profile .friends {text-align: center;}
    .profile .friends .inner {padding: 0px;}
    .profile .friends p {margin: 0px;}
    .count {color: #4c6347;}
</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: #4c6347; 
	text-shadow: 2px 2px 2px #bd9d54; 
	letter-spacing: 0.75px;
	}

    .profile h1 {
	margin: 0 0 5px 0;
	font-family: !important;
	font-size: !important;
	font-weight: !important;
	text-align: center !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;
	}

    .general-about .profile-pic img {
    	border-width: 10px; 
    	border-style: solid; 
    	border-image: linear-gradient(45deg, rgb(76,99,71), rgb(189,157,84)) 1;
    	}

    .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;
    	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;
    	font-size: 12px !important;
    	border: 0px solid black;
    	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.

Comments

Displaying 4 of 4 comments ( View all | Add Comment )

el.z	1706290536 using!!^^ Report Comment Thank you! by Jody Marie ♡; 1706304870; Report
linkk.batz	1700497916 using! ^^ Report Comment Thank you! by Jody Marie ♡; 1700537560; Report
Diana	1699057457 Oh yay! Love this, going to use it. Question. Do we remove the details from our current information like music, books and fill it in? I copied and pasted it over elsewhere to be sure. Report Comment You can either copy & paste them into the About Me area & remove them from the sections or you can copy & paste them in the About Me area & leave them in the sections still because they won't show up on this layout since they are hidden, but they can still be left in those sections in case you decide you ever want to switch layouts! Hopefully that makes sense lol by Jody Marie ♡; 1699155600; Report
janebug (FROM HOMESTUCK!!!)	1698470717 Using :3 it's rlly cute Report Comment Thank you! by Jody Marie ♡; 1698553045; Report