Banana Theme

Tags: fruits, yellow, banana, food

Description:

(Thanks to https://spacehey.com/bananananab for giving me the screenshot.) Originally created for Banana. But now sharing it, so other Banana lovers can show their love for bananas too... I guess.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by テ オ  (https://layouts.spacehey.com/layout?id=81336) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@500&display=swap');

body{
background-image: url(https://images.everydayhealth.com/images/diet-nutrition/all-about-bananas-nutrition-facts-health-benefits-recipes-and-more-rm-722x406.jpg);
background-size: cover;
height: 100%;
background-attachment: fixed;
}




main{
background: rgb(255, 235, 205);
background: linear-gradient(180deg, rgba(255, 235, 205,0.0) 20%, rgba(255, 235, 205,0.0) 15%, rgba(255, 250, 255,0.1) 10%, rgba(255, 235, 205,0.0) 5%);
box-shadow: 0px 0px 0px #ffebcd;
}
p{
color: white;
}

nav .top{
background-color: 255, 235, 205;
}

nav .links{
background-image: url(https://th-thumbnailer.cdn-si-edu.com/4Nq8HbTKgX6djk07DqHqRsRuFq0=/1000x750/filters:no_upscale()/https://tf-cmsv2-smithsonianmag-media.s3.amazonaws.com/filer/d5/24/d5243019-e0fc-4b3c-8cdb-48e22f38bff2/istock-183380744.jpg);
background-size: cover;
text-align: center;
}
.profile h1{
font-family: 'Exo 2', sans-serif;
color: white;
text-shadow: 0px 0px 2px black;
font-size: 40px;
text-align: center;
}

.profile .general-about{
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 1em;
background-color: rgba(0,0,0,0.0);
box-shadow: 0px 0px 0px #ffebcd;
text-align: center;
color: white;
}

.profile-pic img{
border: 1px solid black;
border-radius: 100%;
}

.general-about .profile-pic{
margin: 0;
}



nav .links {
background-color: transparent;
}
nav .links a:hover {
color: rgba(10, 10, 10, 1);
}

nav .top{
background-color: transparent;
}




.online{
color: #fa3c3c;
font-family: 'Exo 2', sans-serif;
color: white;
text-shadow: 0px 0px 1px black;
font-size: 22px;
text-align: center;
}

.online img{
content: url(https://parade.com/.image/ar_1:1%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cq_auto:good%2Cw_1200/MTk3MDYyOTU3MDI3MzA0NzY3/are-bananas-good-for-you.jpg);
}

footer{
background-color: rgba(0,0,0,0.0);
box-shadow: 0px 0px 1px #ffebcd;
color: white;
}

.profile .contact .heading,
.profile .table-section .heading{
background-image: url(https://cdn.jwplayer.com/v2/media/VEcfmgaA/poster.jpg?width=720);
text-align: center;
color: white;
text-shadow: 1px 1px 2px black;
}


.profile .contact, 
.profile .table-section,
.profile .url-info{
border: none;
background-color: rgba(0,0,0,0.0);
box-shadow: 0px 0px 0px #ffebcd;
margin: .5em 0;
}

.profile .url-info{
color: white;
text-align: center;
}
table.details-table td {
background-color: transparent !important;
color: white !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
background-image: url(https://cdn.jwplayer.com/v2/media/VEcfmgaA/poster.jpg?width=720);
background-size: cover;
text-align: center;
color: white;
text-shadow: 1px 1px 10px black;
}

.profile .blurbs,
.profile .friends{
border: black;
background-color: rgba(0,0,0,0.0);
box-shadow: 0px 0px 1px #ffebcd;
text-align: center;
color: white;


}
.profile .blurbs .section h4{
color: white;
text-shadow: 1px 1px 1px black;
padding: 1em 0;
}

.profile .profile-info{
color: black; 
text-shadow: text-shadow: 1px 1px 5px #ffebcd;
background-image: url(https://cdn.jwplayer.com/v2/media/VEcfmgaA/poster.jpg?width=720);
background-size: cover;
background-position: center;
}

.profile .blog-preview{
text-align: center;
border: black;
background-color: rgba(0,0,0,0.0);
box-shadow: 0px 0px 0px #ffebcd;
padding: 1em 0;
color: white;

}

.profile .friends .friends-grid p{
color: white;
text-shadow: 0px 0px 1px #ffebcd;

}
.count{
color: white;
text-shadow: 0px 0px 1px #ffebcd;
}


.profile .comments-table{
color: white;
text-align: center;
background-color: rgba(0,0,0,0.0);
box-shadow: 0px 0px 0px #ffebcd;
border: black;

}
.profile .comments-table .comment-replies{
background-color: rgba(0,0,0.5,0);
box-shadow: 0px 0px 0px #ffebcd;
border: none;
color: white;
}
.profile .comments-table td{
background-color: transparent;
color: white;
padding: .5em;
}

a{
color: white;
text-shadow: 0px 0px 0px #ffebcd;
}
a:visited {
color: grey;
text-shadow: 0px 0px 0px #ffebcd;
text-decoration: none;
}


a:hover {
color: #ffebcd;
text-decoration: none;
}

a:active {
color: white;
text-decoration: none;
text-shadow: 0px 0px 1px #ffebcd;
}

nav .links a:hover{
color: #d1cbcb;
text-decoration: none;
text-shadow: 0px 0px 1px #ffebcd;
}
</style>

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

Kagamine Len	1740948353 banana. Report Comment
Scag	1726789596 using!! Report Comment
silly guy!!1!!!1!!!!	1713634784 using!! Report Comment
citrus moved accs	1701196602 using Report Comment
kinom	1696524746 realest layout Report Comment

Layout published by テ オ

Banana Theme

Description:

Preview:

Code:

Comments

Layout published by テオ