harley theme (from heath)

Tags:
Description:

heath created this layout and i edited it. i'm not claiming it as my own! i'm just putting it here so i can easily switch back to it if i wanna have a harley profile again!
Code:

<!-- (c) Layout created by harls! ✩ (https://layouts.spacehey.com/layout?id=3352) -->

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


<style>* {cursor: url(https://cur.cursors-4u.net/toons/too-4/too308.cur), auto !important;}</style>


<style>
@import url('https://fonts.googleapis.com/css2?family=Baloo+2&display=swap');
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
</style>


<style>
a{

color: black !important;

}
body{

font-color: #da3737 !important;
font-family: 'Baloo 2', sans-serif;
font-size: 13px;
background-color: #9d2f2f !important;
background: url("https://cdn.wallpapersafari.com/13/7/U2g9mk.jpg"); 
background-repeat: repeat;
background-size: 40%;
background-attachment: fixed;
}
main{

color: #a72d2d !important;
hover-color: #e13232
margin-top: 13px !important;
margin-left: 30px !important;
width: 85% !important;
font-family: 'Baloo 2', sans-serif;
font-size: 13px !important;
padding: 15px !important;
background-color: #535353 !important;
border: 1px solid black !important;
border-radius: 40px !important;
box-shadow: 13px 12px #272727;

}
.profile{

color: black !important;
background-color: #9d2f2f !important;
border: 1px solid black !important;
padding: 5px !important;
border-radius: 30px !important;

}
h1{

color: #535353 !important;
font-family: 'Bebas Neue', cursive;
font-weight: normal !important;
font-size: 52px !important;
letter-spacing: -2px !important;
text-shadow: 4px 4px #832626;

}
h4{

}
.general-about{

text-align: left !important;
font-size: 13px !important;
color: #e13232 !important;
padding: 13px !important;
background-color: #535353 !important;
border: 1px solid black !important;
border-radius: 20px !important;
box-shadow: 4px 4px #832626;

}
.general-about .profile-pic{

border: 1px solid black !important;

}
.mood{

text-align: center !important;
font-size: 13px !important;
color: black !important;
padding-top: 7px !important;
background-color: #535353 !important;
border: 1px solid black !important;
margin-top: 8px !important;
margin-bottom: 8px !important;
border-radius: 20px !important;
box-shadow: 4px 4px #832626;


}
.mood a{

color: black !important;

}
.contact{

padding: 5px !important;
color: black !important;
background-color: #535353 !important;
border: 1px solid black!important;
border-radius: 20px !important;
box-shadow: 4px 4px #832626;

}
.contact a{

color: black !important;
font-size: 10.5px !important;
font-weight: normal !important;

}
.contact .heading{

color: black !important;
border: 1px solid black !important;
background-color: #9d2f2f !important;
padding: 2px !important;
border-radius: 20px !important;
text-align: center !important;

}
.url-info{

text-align: center !important;
color: black !important;
font-size: 13px !important;
background-color: #535353 !important;
border: 1px solid black !important;
border-radius: 20px !important;
box-shadow: 4px 4px #832626;

}
.profile .table-section .heading{

color: black !important;
border: 1px solid black !important;
background-color: #9d2f2f !important;
border-radius: 20px !important;
text-align: center !important;


}
.details-table td{

color: #d93d3d !important;
background-color: #535353 !important;
border-radius: 20px !important;
border-bottom: 1px dotted black !important;

}
.table-section{

padding: 5px !important;
border: 1px solid black !important;
background-color: #535353 !important;
border-radius: 20px !important;
box-shadow: 4px 4px #832626;


}
.blog-preview{

color: #e13232 !important; 
background-color: #535353 !important;
border: 1px solid black !important;
padding: 2px;
text-align: center !important;
border-radius: 20px !important;
box-shadow: 4px 4px #832626;

}
.profile .blurbs{

color: #d93d3d !important;
background-color: #535353 !important;
border: 1px solid black!important;
border-radius: 20px !important;
padding: 3px !important;
box-shadow: 4px 4px #832626;
    
}
.profile .blurbs .heading{
    
display: none !important;

}
.profile .blurbs .section h4{

color: black !important;
border: 1px solid black !important;
background-color: #9d2f2f !important;
padding: 2px !important;
border-radius: 20px !important;
text-align: center !important;

}
.profile .friends{

border: 1px solid black !important;
background-color: #535353 !important;
padding: 5px;
margin-bottom: 20px !important;
border-radius: 20px !important;
box-shadow: 4px 4px #832626;

}
.friends .heading{
    
color: black !important;
border: 1px solid black !important;
background-color: #9d2f2f !important;
padding: 2px !important;
border-radius: 20px !important;
text-align: center !important;

}
.more{

color: black !important;

}
.profile .friends p{

color: black !important;

}
.profile .friends .person p{
    
font-size: 13px !important;

}
.profile .friends .person img{

}
.friends-grid{
display: none !important;
}
.comments-table{

padding: 2px !important;
background-color: #535353 !important;
color: black !important;
font-size: 13px;
border: 0px !important;

}
.comments-table td{

padding: 2px !important;
background-color: #535353 !important;
color: black !important;
font-size: 13px;
border: 1px dotted black !important;
border-radius: 20px !important;
box-shadow: 4px 4px #832626;

}
button{

border: 1px solid black !important;
background-color: transparent !important;

}
footer{

background-color: transparent !important;
display: none !important;

}

</style>



<style>
.center{
display: none !important;
}
.top{
color: transparent !important;
height: 0px !important;
background-color: transparent !important;
}
.top a{
color: transparent !important;
}
.logo{
display: none !important;
}
.search-wrapper{
display: none !important;
}
.logout-btn{
display: none !important;
}
.links{

color: black !important;
margin-left: 50px !important;
width: 80% !important;
font-size: 13px !important;
text-align: center !important;
background-color: #535353 !important;
border: 1px solid black !important;
border-radius: 40px !important;

}
.links a{
    
color: black !important;

}
</style>




<a href="https://layouts.spacehey.com/hessostrange" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 97px; height: 97px; filter: hue-rotate() saturate();"><img src="https://i.ibb.co/BcVTP5H/heathlyts.png" alt=""/></div></a>




<style>
.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>
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 )
Marie
1635360626
I love the design so cute
Report Comment
aww, thank you so much! that means a lot to me! :D
by harls! ✩; 1702470147; Report