Bamboo

Tags: layout, green, cute

Description:

If you use this theme please comment below to let me know. Please don't remove any of the credits or copyrights inside the code, please remember to give credit if you use this. You may not use this one as a base, I will have more simple ones coming for that. This one is just really easy to break.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Coffee Queen (https://layouts.spacehey.com/layout?id=27888) -->

<!-- (c) Layout created by Coffee Queen (http://layouts.spacehey.com/coffee_queen) -->
<!-- "https://www.vecteezy.com" Bamboo Leaves by Vecteezy -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Hanalei&display=swap');

:root {
  --logo-blue: transparent;
  --darker-blue: transparent;
  --lighter-blue: transparent;
  --even-lighter-blue: transparent;
  --lightest-blue: transparent!important;
  --dark-orange: white!important;
  --light-orange: transparent;
  --even-lighter-orange: transparent;
  --green: transparent;
}

body{
background-image:url(https://i.imgur.com/V30ocFc.png) !important;
background-position: center;
background-attachment: fixed;
background-repeat: repeat;
}

h1, h2, h3, h4 {font-family: 'Hanalei', cursive;}

nav .top{
background-image: linear-gradient(to bottom right, #394901,#517201,#99bc20,#FFFFFF);
margin: 1em 0;
text-align: center;
}

nav .links{
background-image: linear-gradient(to bottom right, #394901,#517201,#99bc20,#FFFFFF);
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

nav .links li::after{
display: none;
}

main{ 
background: #FFFFFF;
margin: 1em 0;
padding: .1em;
opacity: .95;
}

.profile h1{
color: #392b04;
font-size: 25px;
}

.online{
font-family: 'Hanalei', cursive;
color: #392b04;
font-size: 20px;
text-shadow: 1px 1px 2px #99bc20;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 2s;
}

.online img{
display: none;
}

.profile .profile-info{
text-shadow: 1px 1px 2px #9c1a04;
color: #392b04;
background-image: linear-gradient(to bottom right, #394901,#517201,#99bc20,#FFFFFF);
}

.profile .general-about{
color: #392b04;
font-style: italic;
}

.profile .blog-preview,
.profile .mood{
color: #392b04;
font-style: italic;
}

.profile .profile-pic img{
border-radius: 500px;
filter: sepia(100%) hue-rotate(75deg);
}

.profile .contact .heading,
.profile .table-section .heading{
color: #392b04;
background-image: linear-gradient(to bottom right, #394901,#517201,#99bc20,#FFFFFF);
text-align: center;
padding: .1em;
font-size: 15px;
}

.profile .table-section,
.profile .contact,
.profile .url-info{
font-style: italic;
color: #392b04;
}

table.details-table td {
color: #392b04 !important;
font-style: italic !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: #392b04;
background-image: linear-gradient(to bottom right, #394901,#517201,#99bc20,#FFFFFF);
text-align: center;
padding: .1em;
font-size: 15px;
}

.profile .blurbs,
.profile .friends{
font-style: italic;
color: #392b04;
}

.profile .friends{
text-align: center;
}

.profile .friends-grid .person p{
color: #392b04;
}

.profile .blurbs .section h4{
color: #392b04;
padding: .1em;
}

.profile .comments-table{
font-style: italic;
color: #392b04;
}

.profile .comments-table td{
background-color: transparent;
}

.profile .comments-table .comment-replies{
font-style: italic;
color: #392b04;
border: 0px solid white !important;
}

.comments-table img,
.person img{
border-radius: 500px;
filter: sepia(100%) hue-rotate(75deg);
}

footer{
background-image: linear-gradient(to bottom right, #394901,#517201,#99bc20,#FFFFFF);
font-style: italic;
color: #392b04;
}

.count{
color: #392b04;
}

a{
color: #ffffff;
text-shadow: 1px 1px 2px #99bc20;
}

a:visited {
color: #ffffff;
text-shadow: 1px 1px 2px #99bc20;
}

a:hover {
color: #ffffff;
}

a:active {
color: #ffffff;
text-shadow: 1px 1px 2px #99bc20;
}

nav .links a:hover{
text-decoration: underline;
color: #392b04;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat865.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2010/11/06/cute-panda.html" target="_blank" title="Cute Panda"><img src="https://cur.cursors-4u.net/cursor.png" alt="Cute Panda" style="position:absolute; top: 0px; right: 0px;"/></a>

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

Lieren

1679958628

Hi there! Thank you so much for sharing this!

Report Comment