Dazai (Bungo Stray Dogs) Layout [Requested]

Tags: layout, layouts, dazai, bungo stray dogs, brown, white, black, manga

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

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

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


    body
        {background: url("https://images2.imgbox.com/52/0f/ZpID8BIz_o.jpg");
}
     
    .profile {background-color: #bda287; color: #000;}
    
	main {
        border-radius: 0 0 10px 10px;
        background: rgba(189,162,135) !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(124, 96, 82) !important;
        color: #000 !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: #bda287;
	font-weight: bold;
    background-color: #fff !important;
	}
</style>

<style>/* SpaceHey Logo & Navigation */

nav .top a{color: #ffffff;}

    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    
    nav .links a{
        color: #ffffff; !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>/* Profile Header */
	main:before {
		width: 100%;
		height: 390px;
		display: block;
		content: "";
		background-image: url('https://images2.imgbox.com/be/8c/8AfiMX1Q_o.gif');
		background-position: center center;
		background-size: cover;
</style>

<style>/* Flip Profile */
    .profile{direction: rtl;}
.blog-preview{direction: ltr; text-align: center;}
    .blurbs{direction: ltr;}
    .friends{direction: ltr;}
    .general-info{direction: ltr;}
.profile .left h1{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: 50px; color: #7c6052; text-align: center; overflow-wrap: break-word; text-shadow: 2px 2px 2px white;}
</style>

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

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

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

<style>/* Blog Info */
.blog-preview h4 {color: #fff;}

    .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: #000 !important;
    }
</style>
    
<style>/* Friends Info */
    .profile .friends .heading{color: #ffffff;}
.profile .friends{text-align: center;}
    .count {color: #7c6052;}
    .profile .friends .person p{color: #ffffff !important;}
	.profile .friends .person img {border-radius: 500px;}

    .profile .friends .person img:not(.icon) {
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(124, 96, 82, 0.71);
        border: 2px solid rgba(124, 96, 82, 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: #bda287 !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 27 comments ( View all | Add Comment )

cremebrulee	1759357336 using!!! :3 Report Comment
willowᗒ_ᗕ"	1757068334 using!!:3 Report Comment
dani	1754276769 THANK YOU POOKIE THIS BRINGS ME SO MUCH DOPAMINE <3333333 Report Comment
Valkanic	1753131438 Using!! ^O^ Report Comment Is that lobotomy kirishima on your pfp.... by KAYY!!!; 1755202263; Report
Angel	1742134371 Nikolai next plsss <3 Report Comment
I'm.an.idiot-	1741341472 Using Report Comment
Dazi <3	1723916163 Using Report Comment
noa☆	1722511394 using!! Report Comment
Yabbagabba	1718176395 usinggg! Report Comment
KoiFish!!!	1716496906 using!!! Report Comment
🎰 british chance ⋆˖	1715154058 Using :D Report Comment Thank you! by Jody Marie ♡; 1715600855; Report
Danny	1714655689 using!! Report Comment Thank you! by Jody Marie ♡; 1715600843; Report
Kazuyaa	1709542185 usinggg <333 i love it so much its so pretty!! ^^ Report Comment You're welcome! by Jody Marie ♡; 1714161823; Report
𝔄𝔰𝔥𝔦𝔫/𝔏𝔞𝔭𝔦𝔰	1709497450 how do you make the code in the about me not visible and be able to put things in the about me while not showing the code? Report Comment
[ #1 rody fan ] toms ,,	1709255640 ARE REQUESTS STILL OPEN?????? Report Comment
Jyn	1708532021 Using :3 Report Comment You're welcome! by Jody Marie ♡; 1714161764; Report
Zai	1705688903 Using :33 Report Comment Thank you! by Jody Marie ♡; 1706166581; Report
Rainy ♥︎	1704056593 used 🖤🖤 Report Comment Thank you! by Jody Marie ♡; 1704585144; Report
alice ᗜˬᗜ	1703910443 using!!!! i love this!!!!!!!!! Report Comment Thank you! by Jody Marie ♡; 1703952688; Report