Foggy Woods Flipped Layout [Requested]

Tags: layout, layouts, foggy, woods, forest, tan, brown, black, white, 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=32386) -->

<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: #3d280d;}
	
	*::-webkit-scrollbar-thumb {
		background-color: #221202;
		border-radius: 10px;
		border: 3px solid #221202;
	}
</style>

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


    body
        {background: url("https://images2.imgbox.com/05/e8/0utXGwf5_o.jpg");
background-position: left;
background-size: 100%;
background-repeat: no-repeat;
background-attachment: fixed;}
     
    .profile {background-color: #3d280d; opacity: 0.82; color: #fff;}
    
	main {
        border-radius: 0 0 10px 10px;
        background: rgba(0,0,0,0.82) !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(61,40,13) !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: #3d280d;
	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: #fff;}
</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/bebas-neue');
	.profile .left h1{ font-family: 'Bebas Neue', sans-serif; font-size: 45px; font-weight: 700; color: #fff; text-align: center; overflow-wrap: break-word;
text-shadow: 3px 3px 3px #221202; letter-spacing: 1px;}

</style>

<style>/* Profile Picture & Online Icon */
	.details p {text-align: center; font-family: monospace; font-size: 15px;}
	.profile-pic {border-radius: 500px; overflow: hidden;}
.profile .mood {color: #000;}
	.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;
    }
.profile .url-info {color: #000;}
</style>   

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

<style>/* Interests Table Info */
    table.details-table {border-collapse: collapse;}
    table.details-table td {background-color: #3d280d !important;}
.details-table td:first-child {color: #000 !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: #fff !important;}
	
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: #fff !important;
    }
</style>
    
<style>/* Friends Info */
    .profile .friends .heading{color: #ffffff;}
.profile .friends{text-align: center;}
    .count {color: #000;}
    .profile .friends .person p{color: #fff !important;}
	.profile .friends .person img {border-radius: 500px;}

    .profile .friends .person img:not(.icon) {
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(255, 255, 255, 0.71);
        border: 2px solid rgba(34, 18, 2, 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: #3d280d !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:.9rem; font-weight: bolder; }

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

apricotlolz	1764811050 using!! Report Comment
𓊆　　 𝄈 　ody !　₊Ɜ	1761867511 using!! Report Comment
Fee	1754513004 using! Report Comment
This account is not active anymore	1749384271 using Report Comment
Starlight Lithium	1749180244 using!!! Report Comment
The Forest King	1747236133 using!! Report Comment
moodie M/W NANA ‼️	1733859613 using Report Comment
Max	1733073599 using!! Report Comment
𐔌 . ddyletimesly ! ୧	1726248679 using Report Comment
⚠︎☣︎Allen☣︎⚠︎	1721333195 using!!! Report Comment
╰ olli 🕊 :	1709879101 usinggg :3 Report Comment Thank you! by Jody Marie ♡; 1714489360; Report
Half cowboy 'n half tragedy	1707790159 usingg Report Comment Thank you! by Jody Marie ♡; 1707862664; Report
Alice	1706023749 Using ☆ Report Comment Thank you! by Jody Marie ♡; 1706167361; Report
Nature-Lordking Byron	1699037399 Love it! Report Comment Thank you! by Jody Marie ♡; 1699155396; Report Is there a way I can get the spooky trees to show out more? by Nature-Lordking Byron; 1699160099; Report
abandoned	1695655593 love it! using it at some point!️ Report Comment Thank you! by Jody Marie ♡; 1695669174; Report
ILoveGlory	1695001206 Using!! Report Comment Thank you! by Jody Marie ♡; 1695010615; Report
ruby	1690484996 Using! Thank you so much!! Report Comment Thank you! by Jody Marie ♡; 1690494999; Report
shumaisboy	1687295489 USING1!"!21! Report Comment Thank you! by Jody Marie ♡; 1687296659; Report
fleshnbones	1686595084 wow! this us very neat, using this! Report Comment Thank you! by Jody Marie ♡; 1686621618; Report
Victor_Virtuous	1686499708 Gonna use this thx a lot it's amazing!!!1010 Report Comment Thank you! by Jody Marie ♡; 1686570953; Report